[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_199":200,"_201":202},"routes/_app.x.$handle.$name",{"_101":100,"_38":51,"_109":91,"_33":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_26":-5,"_121":-5,"_122":-5,"_123":31,"_124":125,"_126":127,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":-5,"_63":31,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":31},"version",8,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","5528c29a-8e1a-4258-bf96-dbd57862f2fc","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":26,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":39,"_40":26,"_41":42},"deleted",false,"deletedHere","path","frontend/style.css","latestPath","fileId","64980b2e-30d8-11f1-9e9c-42dde27851f2","name","style.css","fileType","content","/* ============================================================\n PYTHON AUTOMATION HUB — STYLESHEET\n ============================================================ */\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap');\n\n:root {\n --primary: #3b82f6;\n --primary-dark: #2563eb;\n --accent: #f59e0b;\n --green: #22c55e;\n --red: #ef4444;\n --bg: #0f172a;\n --bg2: #1e293b;\n --bg3: #334155;\n --text: #f1f5f9;\n --text-muted: #94a3b8;\n --border: rgba(255,255,255,0.08);\n --card-bg: rgba(30,41,59,0.8);\n --radius: 16px;\n --shadow: 0 4px 32px rgba(0,0,0,0.3);\n --grad: linear-gradient(135deg, #3b82f6, #8b5cf6);\n --py-yellow: #fbbf24;\n --py-blue: #60a5fa;\n}\n\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\n\nbody {\n font-family: 'Inter', sans-serif;\n background-color: var(--bg);\n color: var(--text);\n line-height: 1.6;\n overflow-x: hidden;\n}\n\n/* ---- SCROLLBAR ---- */\n::-webkit-scrollbar { width: 6px; }\n::-webkit-scrollbar-track { background: var(--bg); }\n::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 4px; }\n\n/* ---- NAVBAR ---- */\n.navbar {\n position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\n display: flex; align-items: center; justify-content: space-between;\n padding: 1rem 2.5rem;\n background: rgba(15,23,42,0.85);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid var(--border);\n transition: box-shadow 0.3s;\n}\n.navbar.scrolled { box-shadow: 0 2px 30px rgba(0,0,0,0.4); }\n\n.nav-logo { display: flex; align-items: center; gap: 0.5rem; font-weight: 800; font-size: 1.3rem; }\n.logo-icon { font-size: 1.5rem; }\n.logo-text { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n\n.nav-links { display: flex; gap: 2rem; list-style: none; }\n.nav-links a {\n color: var(--text-muted); text-decoration: none; font-size: 0.9rem;\n font-weight: 500; transition: color 0.2s;\n}\n.nav-links a:hover { color: var(--text); }\n\n.nav-source {\n padding: 0.45rem 1.1rem; border: 1px solid var(--primary);\n color: var(--primary); border-radius: 8px; font-size: 0.85rem;\n text-decoration: none; font-weight: 500;\n transition: background 0.2s, color 0.2s;\n}\n.nav-source:hover { background: var(--primary); color: #fff; }\n\n.hamburger {\n display: none; background: none; border: none;\n color: var(--text); font-size: 1.5rem; cursor: pointer;\n}\n\n/* ---- HERO ---- */\n.hero {\n min-height: 100vh;\n display: flex; align-items: center; justify-content: space-between;\n gap: 3rem;\n padding: 7rem 2.5rem 4rem;\n position: relative; overflow: hidden;\n max-width: 1280px; margin: 0 auto;\n}\n\n.hero-bg-shapes { position: absolute; inset: 0; pointer-events: none; z-index: 0; }\n.shape {\n position: absolute; border-radius: 50%;\n filter: blur(80px); opacity: 0.15;\n}\n.shape1 { width: 500px; height: 500px; background: #3b82f6; top: -100px; left: -100px; }\n.shape2 { width: 350px; height: 350px; background: #8b5cf6; bottom: 50px; right: 0; }\n.shape3 { width: 200px; height: 200px; background: #f59e0b; top: 40%; left: 40%; }\n\n.hero-content { flex: 1; max-width: 560px; position: relative; z-index: 1; }\n\n.hero-badge {\n display: inline-block; padding: 0.35rem 1rem;\n background: rgba(59,130,246,0.15); border: 1px solid rgba(59,130,246,0.4);\n border-radius: 50px; font-size: 0.85rem; color: var(--py-blue);\n margin-bottom: 1.2rem; font-weight: 500;\n}\n\n.hero-title { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 800; line-height: 1.15; margin-bottom: 1.2rem; }\n.gradient-text { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n\n.hero-subtitle { color: var(--text-muted); font-size: 1.05rem; margin-bottom: 2rem; max-width: 460px; }\n\n.hero-buttons { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 2.5rem; }\n\n.btn {\n padding: 0.75rem 1.75rem; border-radius: 10px; font-size: 0.95rem;\n font-weight: 600; cursor: pointer; text-decoration: none;\n transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;\n display: inline-block;\n}\n.btn:hover { transform: translateY(-2px); }\n.btn-primary {\n background: var(--grad); color: #fff;\n box-shadow: 0 4px 20px rgba(59,130,246,0.35);\n}\n.btn-primary:hover { box-shadow: 0 6px 28px rgba(59,130,246,0.5); }\n.btn-outline {\n border: 1.5px solid var(--primary); color: var(--primary); background: transparent;\n}\n.btn-outline:hover { background: rgba(59,130,246,0.1); }\n.btn-full { width: 100%; text-align: center; }\n\n.hero-stats { display: flex; gap: 2rem; }\n.stat { display: flex; flex-direction: column; }\n.stat-number { font-size: 1.6rem; font-weight: 800; background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n.stat-label { font-size: 0.8rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; }\n\n/* Code Window */\n.hero-code { flex: 1; max-width: 520px; position: relative; z-index: 1; }\n.code-window {\n background: #0d1117; border-radius: var(--radius);\n border: 1px solid rgba(255,255,255,0.1);\n box-shadow: var(--shadow);\n overflow: hidden;\n animation: float 4s ease-in-out infinite;\n}\n@keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n.code-header {\n display: flex; align-items: center; gap: 0.5rem;\n padding: 0.75rem 1rem;\n background: #161b22; border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n.dot { width: 12px; height: 12px; border-radius: 50%; }\n.dot.red { background: #ff5f57; }\n.dot.yellow { background: #febc2e; }\n.dot.green { background: #28c840; }\n.code-title { margin-left: 0.5rem; font-size: 0.8rem; color: #8b949e; font-family: 'Fira Code', monospace; }\n.code-body {\n padding: 1.5rem; font-family: 'Fira Code', monospace;\n font-size: 0.82rem; line-height: 1.8; color: #e6edf3;\n white-space: pre;\n}\n.kw { color: #ff7b72; }\n.fn { color: #d2a8ff; }\n.str { color: #a5d6ff; }\n.comment { color: #8b949e; }\n.num { color: #79c0ff; }\n\n/* ---- SECTIONS ---- */\n.section { padding: 6rem 2.5rem; }\n.section-dark { background: var(--bg2); }\n.container { max-width: 1200px; margin: 0 auto; }\n.section-header { text-align: center; margin-bottom: 3.5rem; }\n.section-tag {\n display: inline-block; padding: 0.3rem 0.9rem;\n background: rgba(59,130,246,0.1); border: 1px solid rgba(59,130,246,0.3);\n border-radius: 50px; font-size: 0.82rem; color: var(--py-blue);\n margin-bottom: 0.8rem; font-weight: 500;\n}\n.section-header h2 { font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 800; margin-bottom: 0.8rem; }\n.section-header p { color: var(--text-muted); font-size: 1rem; max-width: 540px; margin: 0 auto; }\n\n/* ---- FILTER BAR ---- */\n.filter-bar { display: flex; gap: 0.75rem; flex-wrap: wrap; justify-content: center; margin-bottom: 2.5rem; }\n.filter-btn {\n padding: 0.45rem 1.1rem; border-radius: 50px;\n border: 1px solid var(--border); background: transparent;\n color: var(--text-muted); font-size: 0.85rem; cursor: pointer;\n transition: all 0.2s;\n}\n.filter-btn:hover, .filter-btn.active {\n background: var(--primary); border-color: var(--primary); color: #fff;\n}\n\n/* ---- PROJECTS GRID ---- */\n.projects-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n.project-card {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.5rem;\n display: flex; flex-direction: column; gap: 1rem;\n transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;\n backdrop-filter: blur(10px);\n}\n.project-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 32px rgba(59,130,246,0.2);\n border-color: rgba(59,130,246,0.4);\n}\n.project-card.hidden { display: none; }\n.project-icon { font-size: 2rem; }\n.project-info h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: 0.5rem; }\n.project-info p { font-size: 0.88rem; color: var(--text-muted); line-height: 1.6; }\n.project-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.75rem; }\n.project-tags span {\n padding: 0.2rem 0.6rem; border-radius: 6px;\n background: rgba(59,130,246,0.12); color: var(--py-blue);\n font-size: 0.75rem; font-family: 'Fira Code', monospace;\n}\n.project-footer { display: flex; justify-content: space-between; align-items: center; margin-top: auto; }\n.status { font-size: 0.8rem; }\n.active-status { color: var(--green); }\n.project-link { font-size: 0.85rem; color: var(--primary); text-decoration: none; font-weight: 500; }\n.project-link:hover { color: #fff; }\n\n/* ---- TOOLS GRID ---- */\n.tools-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n.tool-card {\n background: var(--bg3); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.5rem;\n transition: transform 0.25s, box-shadow 0.25s;\n}\n.tool-card:hover { transform: translateY(-4px); box-shadow: 0 6px 24px rgba(0,0,0,0.3); }\n.tool-icon { font-size: 1.8rem; margin-bottom: 0.75rem; }\n.tool-card h4 { font-size: 1rem; font-weight: 700; margin-bottom: 0.4rem; }\n.tool-card p { font-size: 0.85rem; color: var(--text-muted); margin-bottom: 1rem; line-height: 1.5; }\n.tool-bar {\n height: 6px; background: rgba(255,255,255,0.1);\n border-radius: 4px; margin-bottom: 0.4rem; overflow: hidden;\n}\n.tool-fill {\n height: 100%; background: var(--grad);\n border-radius: 4px;\n animation: growBar 1.4s ease-out forwards;\n width: 0;\n}\n@keyframes growBar { to { width: var(--target-width, 100%); } }\n.tool-level { font-size: 0.75rem; color: var(--py-blue); font-weight: 600; }\n\n/* ---- WORKFLOW ---- */\n.workflow-steps {\n display: flex; align-items: flex-start; justify-content: center;\n gap: 0; flex-wrap: wrap;\n}\n.workflow-step {\n flex: 1; min-width: 160px; max-width: 200px;\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.5rem 1.2rem;\n text-align: center; position: relative;\n transition: transform 0.25s, box-shadow 0.25s;\n}\n.workflow-step:hover { transform: translateY(-5px); box-shadow: 0 6px 28px rgba(59,130,246,0.2); }\n.step-number {\n position: absolute; top: -12px; left: 50%; transform: translateX(-50%);\n background: var(--grad); color: #fff;\n width: 28px; height: 28px; border-radius: 50%;\n font-size: 0.75rem; font-weight: 800;\n display: flex; align-items: center; justify-content: center;\n}\n.step-icon { font-size: 2rem; margin: 0.5rem 0 0.75rem; }\n.workflow-step h3 { font-size: 0.95rem; font-weight: 700; margin-bottom: 0.5rem; }\n.workflow-step p { font-size: 0.8rem; color: var(--text-muted); line-height: 1.5; }\n.workflow-arrow {\n font-size: 1.5rem; color: var(--primary); padding: 0 0.5rem;\n align-self: center; margin-top: 1rem;\n}\n\n/* ---- CONTACT ---- */\n.contact-wrapper {\n display: grid; grid-template-columns: 1fr 1.4fr; gap: 3rem; align-items: start;\n}\n.contact-info { display: flex; flex-direction: column; gap: 1.5rem; }\n.contact-item { display: flex; align-items: center; gap: 1rem; }\n.contact-icon {\n width: 48px; height: 48px; border-radius: 12px;\n background: rgba(59,130,246,0.12); font-size: 1.3rem;\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n}\n.contact-item h4 { font-size: 0.9rem; font-weight: 600; margin-bottom: 0.2rem; }\n.contact-item p { font-size: 0.85rem; color: var(--text-muted); }\n\n.contact-form {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 2rem;\n backdrop-filter: blur(10px);\n}\n.form-group { margin-bottom: 1.2rem; }\n.form-group label { display: block; font-size: 0.85rem; font-weight: 500; margin-bottom: 0.4rem; color: var(--text-muted); }\n.form-group input,\n.form-group select,\n.form-group textarea {\n width: 100%; padding: 0.7rem 1rem;\n background: var(--bg3); border: 1px solid var(--border);\n border-radius: 10px; color: var(--text);\n font-size: 0.9rem; font-family: 'Inter', sans-serif;\n transition: border-color 0.2s;\n appearance: none;\n}\n.form-group input:focus,\n.form-group select:focus,\n.form-group textarea:focus {\n outline: none; border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(59,130,246,0.15);\n}\n.form-group textarea { resize: vertical; }\n.form-msg {\n margin-top: 1rem; padding: 0.75rem 1rem;\n border-radius: 10px; font-size: 0.9rem; text-align: center;\n}\n.form-msg.success { background: rgba(34,197,94,0.15); color: var(--green); border: 1px solid var(--green); }\n.form-msg.error { background: rgba(239,68,68,0.15); color: var(--red); border: 1px solid var(--red); }\n.form-msg.hidden { display: none; }\n\n/* ---- FOOTER ---- */\n.footer {\n background: var(--bg); border-top: 1px solid var(--border);\n padding: 3rem 2.5rem; text-align: center;\n}\n.footer-logo { font-size: 1.4rem; font-weight: 800; margin-bottom: 0.5rem; }\n.footer-tagline { color: var(--text-muted); font-size: 0.9rem; margin-bottom: 1.5rem; }\n.footer-links { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-bottom: 1.5rem; }\n.footer-links a { color: var(--text-muted); text-decoration: none; font-size: 0.9rem; transition: color 0.2s; }\n.footer-links a:hover { color: var(--primary); }\n.footer-copy { font-size: 0.82rem; color: var(--bg3); }\n\n/* ---- RESPONSIVE ---- */\n@media (max-width: 900px) {\n .hero { flex-direction: column; text-align: center; padding-top: 6rem; }\n .hero-content { max-width: 100%; }\n .hero-subtitle, .hero-buttons, .hero-stats { justify-content: center; }\n .hero-buttons { justify-content: center; }\n .hero-stats { justify-content: center; }\n .hero-code { max-width: 100%; }\n .contact-wrapper { grid-template-columns: 1fr; }\n .workflow-steps { gap: 1rem; }\n .workflow-arrow { display: none; }\n}\n\n@media (max-width: 640px) {\n .nav-links { display: none; }\n .nav-source { display: none; }\n .hamburger { display: block; }\n .nav-links.open {\n display: flex; flex-direction: column;\n position: absolute; top: 60px; left: 0; right: 0;\n background: var(--bg2); padding: 1.5rem 2rem;\n border-bottom: 1px solid var(--border); gap: 1rem; z-index: 999;\n }\n .section { padding: 4rem 1.5rem; }\n .navbar { padding: 1rem 1.5rem; }\n}\n","/* ============================================================\n PYTHON AUTOMATION HUB — STYLESHEET v2\n ============================================================ */\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Fira+Code:wght@400;500&display=swap');\n\n:root {\n --primary: #3b82f6;\n --primary-dark: #2563eb;\n --purple: #8b5cf6;\n --accent: #f59e0b;\n --green: #22c55e;\n --red: #ef4444;\n --bg: #0a0f1e;\n --bg2: #111827;\n --bg3: #1e293b;\n --bg4: #334155;\n --text: #f1f5f9;\n --text-muted: #94a3b8;\n --border: rgba(255,255,255,0.07);\n --card-bg: rgba(17,24,39,0.9);\n --radius: 16px;\n --radius-sm: 10px;\n --shadow: 0 4px 32px rgba(0,0,0,0.4);\n --grad: linear-gradient(135deg, #3b82f6, #8b5cf6);\n --grad-warm: linear-gradient(135deg, #f59e0b, #ef4444);\n --py-yellow: #fbbf24;\n --py-blue: #60a5fa;\n}\n\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\nbody {\n font-family: 'Inter', sans-serif;\n background-color: var(--bg);\n color: var(--text);\n line-height: 1.6;\n overflow-x: hidden;\n}\n\n/* SCROLLBAR */\n::-webkit-scrollbar { width: 5px; }\n::-webkit-scrollbar-track { background: var(--bg); }\n::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 4px; }\n\n/* ============================\n NAVBAR\n ============================ */\n.navbar {\n position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\n display: flex; align-items: center; justify-content: space-between;\n padding: 0.9rem 2.5rem;\n background: rgba(10,15,30,0.9);\n backdrop-filter: blur(24px);\n border-bottom: 1px solid var(--border);\n transition: box-shadow 0.3s, background 0.3s;\n}\n.navbar.scrolled {\n box-shadow: 0 2px 40px rgba(0,0,0,0.5);\n background: rgba(10,15,30,0.98);\n}\n.nav-logo { display: flex; align-items: center; gap: 0.5rem; font-weight: 900; font-size: 1.25rem; }\n.logo-icon { font-size: 1.4rem; }\n.logo-text { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n.nav-links { display: flex; gap: 1.8rem; list-style: none; }\n.nav-links a { color: var(--text-muted); text-decoration: none; font-size: 0.88rem; font-weight: 500; transition: color 0.2s; }\n.nav-links a:hover, .nav-links a.active { color: var(--text); }\n.nav-source {\n padding: 0.4rem 1rem; border: 1px solid rgba(59,130,246,0.5);\n color: var(--py-blue); border-radius: 8px; font-size: 0.82rem;\n text-decoration: none; font-weight: 600;\n transition: background 0.2s, color 0.2s, border-color 0.2s;\n}\n.nav-source:hover { background: var(--primary); color: #fff; border-color: var(--primary); }\n.hamburger { display: none; background: none; border: none; color: var(--text); font-size: 1.4rem; cursor: pointer; }\n\n/* ============================\n HERO\n ============================ */\n.hero {\n min-height: 100vh;\n display: flex; align-items: center; justify-content: space-between;\n gap: 3rem; padding: 7rem 2.5rem 4rem;\n position: relative; overflow: hidden;\n max-width: 1320px; margin: 0 auto;\n}\n.hero-bg-shapes { position: absolute; inset: 0; pointer-events: none; z-index: 0; }\n.shape { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.12; }\n.shape1 { width: 550px; height: 550px; background: var(--primary); top: -120px; left: -120px; animation: drift1 8s ease-in-out infinite; }\n.shape2 { width: 380px; height: 380px; background: var(--purple); bottom: 0; right: -80px; animation: drift2 10s ease-in-out infinite; }\n.shape3 { width: 220px; height: 220px; background: var(--accent); top: 45%; left: 42%; animation: drift1 6s ease-in-out infinite reverse; }\n@keyframes drift1 { 0%,100% { transform: translate(0,0); } 50% { transform: translate(30px,-20px); } }\n@keyframes drift2 { 0%,100% { transform: translate(0,0); } 50% { transform: translate(-20px,30px); } }\n\n.hero-content { flex: 1; max-width: 560px; position: relative; z-index: 1; }\n.hero-badge {\n display: inline-flex; align-items: center; gap: 0.4rem;\n padding: 0.4rem 1rem;\n background: rgba(59,130,246,0.12); border: 1px solid rgba(59,130,246,0.35);\n border-radius: 50px; font-size: 0.82rem; color: var(--py-blue);\n margin-bottom: 1.2rem; font-weight: 600; letter-spacing: 0.01em;\n transition: opacity 0.3s;\n}\n.hero-title {\n font-size: clamp(2.2rem, 5vw, 3.8rem); font-weight: 900;\n line-height: 1.1; margin-bottom: 1.3rem; letter-spacing: -0.02em;\n}\n.gradient-text { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n.hero-subtitle {\n color: var(--text-muted); font-size: 1rem; margin-bottom: 2rem;\n max-width: 480px; line-height: 1.75;\n}\n.hero-subtitle strong { color: var(--text); }\n.hero-subtitle em { color: var(--py-yellow); font-style: normal; }\n.hero-buttons { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 2.5rem; }\n\n.btn {\n padding: 0.8rem 1.8rem; border-radius: var(--radius-sm);\n font-size: 0.92rem; font-weight: 700; cursor: pointer; text-decoration: none;\n transition: transform 0.2s, box-shadow 0.2s;\n display: inline-flex; align-items: center; gap: 0.4rem; border: none;\n}\n.btn:hover { transform: translateY(-2px); }\n.btn-primary { background: var(--grad); color: #fff; box-shadow: 0 4px 20px rgba(59,130,246,0.35); }\n.btn-primary:hover { box-shadow: 0 8px 32px rgba(59,130,246,0.5); }\n.btn-outline { border: 1.5px solid rgba(59,130,246,0.5); color: var(--py-blue); background: transparent; }\n.btn-outline:hover { background: rgba(59,130,246,0.1); border-color: var(--primary); }\n.btn-full { width: 100%; justify-content: center; }\n\n.hero-stats { display: flex; gap: 2.5rem; }\n.stat { display: flex; flex-direction: column; }\n.stat-number {\n font-size: 1.8rem; font-weight: 900;\n background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n}\n.stat-label { font-size: 0.75rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.06em; margin-top: 0.1rem; }\n\n/* Hero Right Side */\n.hero-code { flex: 1; max-width: 520px; position: relative; z-index: 1; display: flex; flex-direction: column; gap: 1rem; }\n\n.code-window {\n background: #0d1117; border-radius: var(--radius);\n border: 1px solid rgba(255,255,255,0.1);\n box-shadow: var(--shadow), 0 0 40px rgba(59,130,246,0.08);\n overflow: hidden; animation: float 5s ease-in-out infinite;\n}\n@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }\n\n.code-header {\n display: flex; align-items: center; gap: 0.5rem;\n padding: 0.7rem 1rem;\n background: #161b22; border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n.dot { width: 11px; height: 11px; border-radius: 50%; }\n.dot.red { background: #ff5f57; }\n.dot.yellow { background: #febc2e; }\n.dot.green { background: #28c840; }\n.code-title { margin-left: 0.4rem; font-size: 0.78rem; color: #8b949e; font-family: 'Fira Code', monospace; flex: 1; }\n.code-status { font-size: 0.72rem; color: var(--green); font-weight: 600; }\n.code-body {\n padding: 1.4rem 1.5rem; font-family: 'Fira Code', monospace;\n font-size: 0.8rem; line-height: 1.85; color: #e6edf3; white-space: pre; overflow-x: auto;\n}\n.kw { color: #ff7b72; }\n.fn { color: #d2a8ff; }\n.str { color: #a5d6ff; }\n.comment { color: #6e7681; }\n.num { color: #79c0ff; }\n\n/* Terminal */\n.hero-terminal {\n background: #0d1117; border-radius: var(--radius-sm);\n border: 1px solid rgba(255,255,255,0.07);\n overflow: hidden; font-family: 'Fira Code', monospace; font-size: 0.78rem;\n}\n.terminal-header {\n display: flex; align-items: center; gap: 0.4rem;\n padding: 0.5rem 0.9rem; background: #1c2128;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n}\n.t-dot { width: 9px; height: 9px; border-radius: 50%; background: #30363d; }\n.terminal-title { margin-left: 0.4rem; font-size: 0.72rem; color: #8b949e; }\n.terminal-body { padding: 0.9rem 1rem; display: flex; flex-direction: column; gap: 0.35rem; }\n.t-line { display: block; }\n.t-prompt { color: var(--primary); margin-right: 0.5rem; }\n.t-success { color: var(--green); }\n.t-info { color: var(--py-yellow); }\n\n/* ============================\n SECTIONS\n ============================ */\n.section { padding: 6rem 2.5rem; }\n.section-dark { background: var(--bg2); }\n.container { max-width: 1200px; margin: 0 auto; }\n.section-header { text-align: center; margin-bottom: 3.5rem; }\n.section-tag {\n display: inline-block; padding: 0.3rem 0.9rem;\n background: rgba(59,130,246,0.1); border: 1px solid rgba(59,130,246,0.25);\n border-radius: 50px; font-size: 0.8rem; color: var(--py-blue);\n margin-bottom: 0.8rem; font-weight: 600; letter-spacing: 0.02em;\n}\n.section-header h2 { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 900; margin-bottom: 0.8rem; letter-spacing: -0.02em; }\n.section-header p { color: var(--text-muted); font-size: 1rem; max-width: 540px; margin: 0 auto; }\n\n/* ============================\n PURPOSE SECTION\n ============================ */\n.purpose-section { background: var(--bg2); }\n.purpose-banner {\n display: flex; gap: 2rem; align-items: flex-start;\n background: linear-gradient(135deg, rgba(59,130,246,0.08), rgba(139,92,246,0.08));\n border: 1px solid rgba(59,130,246,0.2);\n border-radius: var(--radius); padding: 2.5rem; margin-bottom: 3rem;\n}\n.purpose-icon { font-size: 3rem; flex-shrink: 0; margin-top: 0.2rem; }\n.purpose-text h2 { font-size: 1.6rem; font-weight: 900; margin-bottom: 0.8rem; }\n.purpose-text p { color: var(--text-muted); margin-bottom: 0.6rem; line-height: 1.75; }\n.purpose-text p:last-child { margin-bottom: 0; }\n.purpose-text strong { color: var(--text); }\n.purpose-text em { color: var(--py-blue); font-style: normal; }\n\n.pain-points { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; }\n.pain-card {\n background: var(--bg3); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.5rem;\n position: relative; overflow: hidden;\n}\n.pain-card::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n background: var(--grad);\n}\n.pain-before, .pain-after {\n display: inline-block; font-size: 0.8rem; font-weight: 700;\n padding: 0.2rem 0.7rem; border-radius: 6px; margin-bottom: 0.5rem;\n}\n.pain-before { background: rgba(239,68,68,0.15); color: #f87171; }\n.pain-after { background: rgba(34,197,94,0.15); color: var(--green); margin-top: 1rem; }\n.pain-card p { font-size: 0.88rem; color: var(--text-muted); line-height: 1.6; }\n\n/* ============================\n LIVE DEMO\n ============================ */\n.demo-wrapper {\n background: var(--bg3); border: 1px solid var(--border);\n border-radius: var(--radius); overflow: hidden;\n}\n.demo-tabs {\n display: flex; flex-wrap: wrap;\n background: rgba(0,0,0,0.3); border-bottom: 1px solid var(--border);\n}\n.demo-tab {\n padding: 0.9rem 1.4rem; background: none; border: none;\n color: var(--text-muted); font-size: 0.88rem; font-weight: 600;\n cursor: pointer; transition: all 0.2s; border-bottom: 2px solid transparent;\n font-family: 'Inter', sans-serif;\n}\n.demo-tab:hover { color: var(--text); background: rgba(255,255,255,0.03); }\n.demo-tab.active { color: var(--py-blue); border-bottom-color: var(--primary); background: rgba(59,130,246,0.06); }\n\n.demo-panel { display: none; padding: 2rem; }\n.demo-panel.active { display: block; }\n.demo-panel h3 { font-size: 1.15rem; font-weight: 800; margin-bottom: 0.4rem; }\n.demo-desc { color: var(--text-muted); font-size: 0.88rem; margin-bottom: 1.2rem; }\n\n.input-row { display: flex; gap: 0.75rem; flex-wrap: wrap; }\n.input-row input, .input-row textarea {\n flex: 1; min-width: 200px; padding: 0.7rem 1rem;\n background: var(--bg); border: 1px solid var(--border);\n border-radius: var(--radius-sm); color: var(--text);\n font-size: 0.9rem; font-family: 'Inter', sans-serif;\n transition: border-color 0.2s;\n}\n.input-row textarea { resize: vertical; min-height: 70px; }\n.input-row input:focus, .input-row textarea:focus {\n outline: none; border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(59,130,246,0.12);\n}\n\n.calc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.2rem; }\n.calc-field label { display: block; font-size: 0.82rem; color: var(--text-muted); font-weight: 500; margin-bottom: 0.35rem; }\n.calc-field input {\n width: 100%; padding: 0.65rem 0.9rem;\n background: var(--bg); border: 1px solid var(--border);\n border-radius: var(--radius-sm); color: var(--text);\n font-size: 0.9rem; font-family: 'Inter', sans-serif;\n}\n.calc-field input:focus { outline: none; border-color: var(--primary); }\n\n.demo-output {\n margin-top: 1.5rem; background: #0d1117;\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: var(--radius-sm); min-height: 120px;\n font-family: 'Fira Code', monospace; font-size: 0.82rem; overflow: hidden;\n}\n.output-placeholder {\n display: flex; align-items: center; justify-content: center;\n height: 120px; color: var(--bg4); font-family: 'Inter', sans-serif; font-size: 0.9rem;\n}\n.output-header {\n padding: 0.5rem 1rem; background: #1c2128;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n font-size: 0.75rem; color: #8b949e; display: flex; align-items: center; gap: 0.5rem;\n}\n.output-body { padding: 1rem; }\n.output-line { display: flex; gap: 0.5rem; margin-bottom: 0.3rem; color: #e6edf3; }\n.output-label { color: #8b949e; }\n.output-value { color: var(--py-blue); }\n.output-success { color: var(--green); }\n.output-warn { color: var(--py-yellow); }\n.output-error { color: var(--red); }\n\n/* Scraper table */\n.scrape-table { width: 100%; border-collapse: collapse; font-size: 0.8rem; }\n.scrape-table th { padding: 0.5rem 0.75rem; background: #1c2128; color: #8b949e; text-align: left; font-weight: 600; }\n.scrape-table td { padding: 0.5rem 0.75rem; border-top: 1px solid rgba(255,255,255,0.04); color: #e6edf3; }\n.scrape-table tr:hover td { background: rgba(59,130,246,0.05); }\n\n/* Email cards */\n.email-preview { display: flex; flex-direction: column; gap: 0.75rem; padding: 1rem; }\n.email-card {\n background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);\n border-radius: 8px; padding: 0.75rem 1rem; font-family: 'Inter', sans-serif; font-size: 0.83rem;\n}\n.email-card .e-from { color: var(--py-blue); font-weight: 600; margin-bottom: 0.2rem; }\n.email-card .e-to { color: var(--text-muted); margin-bottom: 0.2rem; }\n.email-card .e-subject { color: var(--text); font-weight: 600; }\n.email-card .e-body { color: var(--text-muted); margin-top: 0.4rem; line-height: 1.5; }\n\n/* File org output */\n.folder-group { margin-bottom: 1rem; }\n.folder-name { color: var(--py-yellow); font-weight: 600; margin-bottom: 0.3rem; }\n.folder-file { color: #8b949e; padding-left: 1.5rem; }\n.folder-file::before { content: \"├─ \"; color: var(--bg4); }\n\n/* Calc result */\n.calc-result { padding: 1rem; font-family: 'Inter', sans-serif; }\n.calc-row { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px solid rgba(255,255,255,0.04); font-size: 0.88rem; }\n.calc-row .label { color: var(--text-muted); }\n.calc-row .value { font-weight: 700; color: var(--text); }\n.calc-highlight { background: rgba(34,197,94,0.1); border-radius: 8px; padding: 1rem; margin-top: 0.75rem; text-align: center; }\n.calc-highlight .big-number { font-size: 2rem; font-weight: 900; color: var(--green); display: block; }\n.calc-highlight .big-label { font-size: 0.82rem; color: var(--text-muted); }\n\n/* ============================\n PROJECTS\n ============================ */\n.filter-bar { display: flex; gap: 0.6rem; flex-wrap: wrap; justify-content: center; margin-bottom: 2.5rem; }\n.filter-btn {\n padding: 0.45rem 1.1rem; border-radius: 50px;\n border: 1px solid var(--border); background: transparent;\n color: var(--text-muted); font-size: 0.82rem; cursor: pointer; font-weight: 500;\n transition: all 0.2s; font-family: 'Inter', sans-serif;\n}\n.filter-btn:hover, .filter-btn.active {\n background: var(--primary); border-color: var(--primary); color: #fff;\n}\n\n.projects-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));\n gap: 1.5rem;\n}\n.project-card {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.4rem;\n display: flex; flex-direction: column; gap: 0.9rem;\n transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;\n backdrop-filter: blur(10px); position: relative; overflow: hidden;\n}\n.project-card::after {\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;\n background: var(--grad); opacity: 0; transition: opacity 0.25s;\n}\n.project-card:hover { transform: translateY(-5px); box-shadow: 0 10px 40px rgba(59,130,246,0.15); border-color: rgba(59,130,246,0.3); }\n.project-card:hover::after { opacity: 1; }\n.project-card.hidden { display: none; }\n\n.project-top { display: flex; justify-content: space-between; align-items: flex-start; }\n.project-icon { font-size: 1.8rem; }\n.project-badge {\n font-size: 0.7rem; font-weight: 700; padding: 0.2rem 0.6rem;\n border-radius: 6px; letter-spacing: 0.03em;\n}\n.web-badge { background: rgba(59,130,246,0.15); color: var(--py-blue); }\n.email-badge { background: rgba(245,158,11,0.15); color: var(--py-yellow); }\n.file-badge { background: rgba(139,92,246,0.15); color: #c4b5fd; }\n.api-badge { background: rgba(34,197,94,0.15); color: #86efac; }\n\n.project-info h3 { font-size: 1rem; font-weight: 800; margin-bottom: 0.5rem; }\n.project-problem, .project-solution { font-size: 0.82rem; line-height: 1.55; margin-bottom: 0.3rem; }\n.project-problem { color: #f87171; }\n.project-solution { color: #86efac; }\n.project-problem em, .project-solution em { font-style: normal; font-weight: 700; color: var(--text-muted); }\n.project-tags { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.5rem; }\n.project-tags span {\n padding: 0.15rem 0.55rem; border-radius: 5px;\n background: rgba(59,130,246,0.1); color: var(--py-blue);\n font-size: 0.72rem; font-family: 'Fira Code', monospace;\n}\n\n.project-meta { display: flex; gap: 0.6rem; flex-wrap: wrap; }\n.meta-item {\n font-size: 0.75rem; padding: 0.2rem 0.6rem;\n background: rgba(255,255,255,0.04); border-radius: 6px;\n color: var(--text-muted); font-weight: 500;\n}\n\n.project-footer { display: flex; justify-content: space-between; align-items: center; margin-top: auto; }\n.status { font-size: 0.78rem; }\n.active-status { color: var(--green); font-weight: 600; }\n.project-link { font-size: 0.82rem; color: var(--primary); text-decoration: none; font-weight: 600; }\n.project-link:hover { color: #fff; }\n\n/* ============================\n TOOLS\n ============================ */\n.tools-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n.tool-card {\n background: var(--bg3); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.5rem;\n transition: transform 0.25s, box-shadow 0.25s;\n}\n.tool-card:hover { transform: translateY(-4px); box-shadow: 0 8px 28px rgba(0,0,0,0.3); }\n.tool-icon { font-size: 1.8rem; margin-bottom: 0.7rem; }\n.tool-card h4 { font-size: 0.95rem; font-weight: 800; margin-bottom: 0.4rem; }\n.tool-card p { font-size: 0.83rem; color: var(--text-muted); margin-bottom: 1rem; line-height: 1.55; }\n.tool-bar { height: 5px; background: rgba(255,255,255,0.08); border-radius: 4px; margin-bottom: 0.45rem; overflow: hidden; }\n.tool-fill { height: 100%; background: var(--grad); border-radius: 4px; width: 0; }\n.tool-level { font-size: 0.72rem; color: var(--py-blue); font-weight: 600; }\n\n/* ============================\n CONTACT\n ============================ */\n.contact-wrapper {\n display: grid; grid-template-columns: 1fr 1.4fr; gap: 3rem; align-items: start;\n}\n.contact-info { display: flex; flex-direction: column; gap: 1.4rem; }\n\n.creator-card {\n display: flex; gap: 1.2rem; align-items: center;\n background: linear-gradient(135deg, rgba(59,130,246,0.08), rgba(139,92,246,0.08));\n border: 1px solid rgba(59,130,246,0.2);\n border-radius: var(--radius); padding: 1.5rem; margin-bottom: 0.5rem;\n}\n.creator-avatar {\n width: 64px; height: 64px; border-radius: 50%;\n background: var(--grad); color: #fff;\n font-size: 1.6rem; font-weight: 900;\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n}\n.creator-details h3 { font-size: 1.1rem; font-weight: 800; margin-bottom: 0.2rem; }\n.creator-details p { font-size: 0.82rem; color: var(--py-blue); font-weight: 600; margin-bottom: 0.3rem; }\n.creator-bio { font-size: 0.8rem !important; color: var(--text-muted) !important; font-weight: 400 !important; line-height: 1.5; }\n\n.contact-item { display: flex; align-items: center; gap: 1rem; }\n.contact-icon {\n width: 44px; height: 44px; border-radius: 12px;\n background: rgba(59,130,246,0.1); font-size: 1.2rem;\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n}\n.contact-item h4 { font-size: 0.82rem; font-weight: 700; margin-bottom: 0.15rem; }\n.contact-item p { font-size: 0.82rem; color: var(--text-muted); }\n\n.contact-form {\n background: var(--bg2); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 2rem; backdrop-filter: blur(10px);\n}\n.form-group { margin-bottom: 1.1rem; }\n.form-group label { display: block; font-size: 0.82rem; font-weight: 600; margin-bottom: 0.4rem; color: var(--text-muted); }\n.form-group input,\n.form-group select,\n.form-group textarea {\n width: 100%; padding: 0.7rem 1rem;\n background: var(--bg3); border: 1px solid var(--border);\n border-radius: var(--radius-sm); color: var(--text);\n font-size: 0.88rem; font-family: 'Inter', sans-serif; transition: border-color 0.2s;\n}\n.form-group input:focus, .form-group select:focus, .form-group textarea:focus {\n outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(59,130,246,0.12);\n}\n.form-group textarea { resize: vertical; }\n.form-msg { margin-top: 1rem; padding: 0.75rem 1rem; border-radius: var(--radius-sm); font-size: 0.88rem; text-align: center; }\n.form-msg.success { background: rgba(34,197,94,0.12); color: var(--green); border: 1px solid rgba(34,197,94,0.3); }\n.form-msg.error { background: rgba(239,68,68,0.12); color: var(--red); border: 1px solid rgba(239,68,68,0.3); }\n.form-msg.hidden { display: none; }\n\n/* ============================\n FOOTER\n ============================ */\n.footer {\n background: var(--bg); border-top: 1px solid var(--border);\n padding: 3rem 2.5rem; text-align: center;\n}\n.footer-logo { font-size: 1.3rem; font-weight: 900; margin-bottom: 0.4rem; }\n.footer-tagline { color: var(--text-muted); font-size: 0.88rem; margin-bottom: 1.5rem; }\n.footer-links { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-bottom: 1.5rem; }\n.footer-links a { color: var(--text-muted); text-decoration: none; font-size: 0.85rem; transition: color 0.2s; }\n.footer-links a:hover { color: var(--primary); }\n.footer-copy { font-size: 0.8rem; color: var(--bg4); }\n\n/* ============================\n RESPONSIVE\n ============================ */\n@media (max-width: 960px) {\n .hero { flex-direction: column; text-align: center; padding-top: 6rem; }\n .hero-content { max-width: 100%; }\n .hero-buttons, .hero-stats { justify-content: center; }\n .hero-code { max-width: 100%; }\n .contact-wrapper { grid-template-columns: 1fr; }\n .purpose-banner { flex-direction: column; }\n .calc-grid { grid-template-columns: 1fr; }\n}\n@media (max-width: 640px) {\n .nav-links { display: none; }\n .nav-source { display: none; }\n .hamburger { display: block; }\n .nav-links.open {\n display: flex; flex-direction: column;\n position: absolute; top: 58px; left: 0; right: 0;\n background: var(--bg2); padding: 1.5rem 2rem;\n border-bottom: 1px solid var(--border); gap: 1rem; z-index: 999;\n }\n .section { padding: 4rem 1.2rem; }\n .navbar { padding: 0.9rem 1.2rem; }\n .demo-tabs { flex-direction: column; }\n .input-row { flex-direction: column; }\n .hero-stats { gap: 1.5rem; }\n}\n\n/* ============================\n ANIMATIONS\n ============================ */\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n}\n.loading-dots::after {\n content: '...';\n animation: pulse 1s infinite;\n}\n","createdAt",["D",1775385381375],"branchVersion","branchId","18a0b9d2-30d8-11f1-a984-42dde27851f2","id","18a0708a-30d8-11f1-a984-42dde27851f2","python-automation-project",["D",1775384010939],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Python Automation Project showcase website","imageUrl","019d5d0e-abc4-71b9-8cf7-363857f7a442","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019d5d0e-abc4-71b9-8cf7-3a926e3b1ace","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_108":104},"org",{"_101":100,"_102":-5,"_103":104,"_19":61,"_105":106,"_107":31},"branch",{"_13":90,"_38":91,"_49":48,"_92":50,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":51,"_99":100},"isOwned",13,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Rubasri","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zQnZ3QzV2SjQxQWU5TVlXNWFMVDdza2JUT0oifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_38":51,"_44":195,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":-5,"_63":31,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":196,"_85":197,"_87":198,"_89":31},"tree",[162,166],"files",[162,163,164,165,166],"counts",{"_152":67,"_153":138,"_154":67,"_155":156,"_157":158},"contents",[132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_49":145,"_38":146,"_36":147,"_137":-5,"_47":48,"_46":148,"_139":127,"_44":149,"_13":67,"_40":150,"_41":-5,"_30":31,"_143":-5,"_33":151},{"_49":134,"_38":135,"_36":136,"_137":-5,"_47":48,"_46":138,"_139":31,"_44":140,"_13":67,"_40":141,"_41":142,"_30":31,"_143":-5,"_33":144},"1ce7fc1c-30d8-11f1-ba42-42dde27851f2","index.ts","1ce7fcf8-30d8-11f1-ba42-42dde27851f2","parentId",1,"latest",["D",1775384018113],"http","import { Hono } from \"npm:hono@4\";\nimport { serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\napp.onError((err) => Promise.reject(err));\n\n// Source route\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Serve frontend assets\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/style.css\", (c) => serveFile(\"/style.css\", import.meta.url));\n\n// Main HTML page\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\", import.meta.url));\n\nexport default app.fetch;\n","label",[135],"42457458-30d8-11f1-ba42-42dde27851f2","frontend","2bc688ce-99af-4a63-88cd-de8e4c442d31",2,["D",1775384080797],"directory",[146],"pulls","branches","forks","envVars",{"_159":67,"_161":67},"connections",{"_159":67,"_160":67},"count","unfilledCount","emptyCount",{"_49":145,"_38":146,"_36":147,"_137":-5,"_47":48,"_46":148,"_139":127,"_44":192,"_13":67,"_40":150,"_41":-5,"_30":31,"_143":-5,"_168":193,"_33":194},{"_49":184,"_38":185,"_36":186,"_137":147,"_47":48,"_46":187,"_139":31,"_44":188,"_13":67,"_40":26,"_41":189,"_30":31,"_143":-5,"_168":190,"_33":191},{"_49":175,"_38":176,"_36":177,"_137":147,"_47":48,"_46":178,"_139":127,"_44":179,"_13":180,"_40":26,"_41":181,"_30":31,"_143":-5,"_168":182,"_33":183},{"_49":171,"_38":39,"_36":37,"_137":147,"_47":48,"_46":14,"_139":31,"_44":172,"_13":138,"_40":26,"_41":43,"_30":31,"_143":-5,"_168":173,"_33":174},{"_49":134,"_38":135,"_36":136,"_137":-5,"_47":48,"_46":138,"_139":31,"_44":167,"_13":67,"_40":141,"_41":142,"_30":31,"_143":-5,"_168":169,"_33":170},["D",1775384018113],"children",[],[135],"497a23d8-30db-11f1-8ece-42dde27851f2",["D",1775385381375],[],[146,39],"0f377b80-30db-11f1-9c92-42dde27851f2","index.html","424516ac-30d8-11f1-ba42-42dde27851f2",7,["D",1775385283632],3,"\n\n\n \n \n PyAutomate — Python Automation Projects by Rubasri\n \n \n \n \n\n\n\n \n \n\n \n

⚡ Automation with Python

Stop Doing Things
Manually. Ever.

\n PyAutomate is a portfolio of Python scripts built by Rubasri that eliminate repetitive tasks — from scraping websites and sending emails, to organizing files and posting on social media.\n

\n ⏱️ Tasks that took hours now run in seconds.\n

\n ▶ Try Live Demo\n Browse Projects\n

0Projects

0× Faster

0Hrs Saved / Month

\n \n automation.py\n ● Running\n

# Before: 3 hours of manual work\n# After: runs in 8 seconds ✅\n\nimport schedule, smtplib\nfrom bs4 import BeautifulSoup\n\ndef send_daily_report():\n    data = scrape_prices()        # fetch data\n    report = format_report(data)  # process\n    send_email(\"team@work.com\", report)\n    print(\"✅ Report delivered!\")\n\nschedule.every().day.at(\"09:00\").do(send_daily_report)\n# ↑ Zero human involvement needed

\n \n terminal\n

\n $ python automation.py\n ✅ Scraped 42 prices in 2.1s\n ✅ Report formatted (18 rows)\n ✅ Email sent to team@work.com\n ⏰ Next run: tomorrow 09:00\n

\n\n \n

🎯

What Is This Project?

\n This is a Python Automation Portfolio — a collection of real, working scripts that automate tasks people normally do by hand every single day.\n Each project targets a specific pain point: data collection, email workflows, file management, social media posting, or API integrations.\n

If you spend more than 30 minutes a day on a repetitive task, Python can do it for you.

\n 😩 Before\n

Manually copy prices from 10 websites into a spreadsheet every morning

\n 🐍 After Automation\n

Script runs at 8 AM, spreadsheet is already filled when you open your laptop

\n 😩 Before\n

Send 200 personalised emails one-by-one from Gmail every campaign

\n 🐍 After Automation\n

One command sends 200 personalised emails with attachments in under 60 seconds

\n 😩 Before\n

Downloads folder has 600 unsorted files — images, PDFs, videos mixed together

\n 🐍 After Automation\n

Watchdog script auto-sorts every new file the moment it lands in the folder

\n\n \n

\n ▶ Interactive\n

Live Demo — Try It Now

Pick a task below and see Python automation output in real time — right in your browser.

Every library is chosen for a specific job — no bloat, just the right tool for each automation.

🌐

Selenium

Controls a real browser — handles logins, JavaScript-rendered pages, and form submissions.

\n Expert · Used in 3 projects\n

🍲

BeautifulSoup

Parses raw HTML into structured data. Perfect for static pages and fast scraping.

\n Expert · Used in 4 projects\n

⏰

Schedule

Runs Python functions at exact times — daily, hourly, weekly — without a cron file.

\n Advanced · Used in 5 projects\n

📊

Pandas

Reads, transforms, and writes structured data — CSV, Excel, SQL, JSON in one library.

\n Advanced · Used in 4 projects\n

🔗

Requests

Fetches web pages and calls REST APIs with a single line of clean Python.

\n Expert · Used in 6 projects\n

🤖

PyAutoGUI

Automates mouse and keyboard — useful when there's no API and you must drive the GUI.

\n Intermediate · Used in 1 project\n

📁

Watchdog

Watches folders in real time and fires a callback the instant a file appears or changes.

\n Advanced · Used in 2 projects\n

📧

smtplib / imaplib

Python's built-in email libraries — send HTML emails with attachments and parse inboxes.

\n Expert · Used in 3 projects\n

\n\n \n

\n 📬 Get In Touch\n

Have a Task to Automate?

Describe what you do manually and I'll tell you if Python can automate it — usually it can.

Rubasri

Python Automation Developer

Building scripts that turn hours of manual work into seconds of automated execution.

\n 👤\n

Creator

Rubasri

\n 💻\n

Val Town

val.town/@Rubasri

\n 📧\n

Email

rubasri@example.com

\n 💼\n

linkedin.com/in/rubasri

\n \n

\n\n \n \n\n \n\n\n",[],[146,176],"701504a2-30d8-11f1-9e9c-42dde27851f2","app.js","70150588-30d8-11f1-9e9c-42dde27851f2",4,["D",1775384157658],"// ============================================================\n// PYTHON AUTOMATION HUB — CLIENT SCRIPT\n// ============================================================\n\n// Navbar scroll effect\nconst navbar = document.querySelector('.navbar');\nwindow.addEventListener('scroll', () => {\n navbar.classList.toggle('scrolled', window.scrollY > 20);\n});\n\n// Hamburger menu toggle\nconst hamburger = document.getElementById('hamburger');\nconst navLinks = document.querySelector('.nav-links');\nhamburger?.addEventListener('click', () => {\n navLinks.classList.toggle('open');\n});\nnavLinks?.querySelectorAll('a').forEach(link => {\n link.addEventListener('click', () => navLinks.classList.remove('open'));\n});\n\n// Project filter\nconst filterBtns = document.querySelectorAll('.filter-btn');\nconst projectCards = document.querySelectorAll('.project-card');\n\nfilterBtns.forEach(btn => {\n btn.addEventListener('click', () => {\n filterBtns.forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n const filter = btn.dataset.filter;\n projectCards.forEach(card => {\n const match = filter === 'all' || card.dataset.category === filter;\n card.classList.toggle('hidden', !match);\n if (match) {\n card.style.animation = 'none';\n requestAnimationFrame(() => {\n card.style.animation = 'fadeInUp 0.4s ease forwards';\n });\n }\n });\n });\n});\n\n// Animate tool bars on scroll\nconst toolFills = document.querySelectorAll('.tool-fill');\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const el = entry.target;\n const width = el.style.width;\n el.style.setProperty('--target-width', width);\n el.style.animation = 'growBar 1.4s ease-out forwards';\n observer.unobserve(el);\n }\n });\n}, { threshold: 0.3 });\ntoolFills.forEach(fill => {\n fill.dataset.targetWidth = fill.style.width;\n fill.style.width = '0%';\n observer.observe(fill);\n});\n\n// Scroll-in animations for cards and steps\nconst animatables = document.querySelectorAll('.project-card, .tool-card, .workflow-step, .contact-item');\nconst scrollObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry, i) => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '0';\n entry.target.style.transform = 'translateY(24px)';\n setTimeout(() => {\n entry.target.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, i * 60);\n scrollObserver.unobserve(entry.target);\n }\n });\n}, { threshold: 0.1 });\nanimatables.forEach(el => scrollObserver.observe(el));\n\n// Contact form submission\nconst contactForm = document.getElementById('contactForm');\nconst formMsg = document.getElementById('formMsg');\n\ncontactForm?.addEventListener('submit', (e) => {\n e.preventDefault();\n formMsg.classList.remove('hidden', 'success', 'error');\n formMsg.textContent = '⏳ Sending your message...';\n formMsg.className = 'form-msg';\n\n setTimeout(() => {\n formMsg.className = 'form-msg success';\n formMsg.textContent = '✅ Message sent! We\\'ll get back to you soon.';\n contactForm.reset();\n setTimeout(() => {\n formMsg.className = 'form-msg hidden';\n }, 4000);\n }, 1500);\n});\n\n// Active nav link highlight on scroll\nconst sections = document.querySelectorAll('section[id]');\nwindow.addEventListener('scroll', () => {\n let current = '';\n sections.forEach(section => {\n if (window.scrollY >= section.offsetTop - 100) {\n current = section.getAttribute('id');\n }\n });\n document.querySelectorAll('.nav-links a').forEach(link => {\n link.style.color = link.getAttribute('href') === `#${current}` ? '#fff' : '';\n });\n});\n\n// Typing animation in hero badge\nconst badge = document.querySelector('.hero-badge');\nif (badge) {\n const texts = ['⚡ Automation with Python', '🕷️ Web Scraping & Bots', '📧 Email Automation', '📊 Data Processing', '🤖 Task Scheduling'];\n let idx = 0;\n setInterval(() => {\n idx = (idx + 1) % texts.length;\n badge.style.opacity = '0';\n badge.style.transition = 'opacity 0.3s';\n setTimeout(() => {\n badge.textContent = texts[idx];\n badge.style.opacity = '1';\n }, 300);\n }, 2500);\n}\n\nconsole.log('🐍 PyAutomate loaded!');\n",[],[146,185],["D",1775384080797],[163,164,165],[146],["D",1775384010939],{"_101":100,"_108":104},{"_101":100,"_102":-5,"_103":104,"_19":61,"_105":106,"_107":31},{"_13":90,"_38":91,"_49":48,"_92":50,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":51,"_99":100},"ctx",{"_83":-5,"_129":232,"_233":234,"_235":236,"_237":31,"_238":31,"_239":31,"_240":127,"_241":-5,"_242":-7,"_243":-7,"_244":67,"_245":31,"_246":31,"_247":-5,"_248":31,"_249":31,"_250":31,"_251":-5},"ENV",{"_203":204,"_205":206,"_207":91,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Stop Doing ThingsManually. Ever.

What Is This Project?

Live Demo — Try It Now

🕷️ Simulate a Web Scrape

📧 Bulk Email Preview

📂 File Organizer Simulation

⏱️ Automation ROI Calculator

Automation Projects

Web Scraper Bot

Email Automation

File Organizer

Telegram Bot

Excel Report Generator

Price Tracker

Social Media Poster

Form Data Extractor

Python Libraries Used

Selenium

BeautifulSoup

Schedule

Pandas

Requests

PyAutoGUI

Watchdog

smtplib / imaplib

Have a Task to Automate?

Rubasri

Creator

Val Town

Email

LinkedIn

Stop Doing Things
Manually. Ever.

Diff · v8