@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
#root{width:100%;min-height:100vh}a{color:var(--primary-color);text-decoration:none;transition:color .3s}a:hover{color:var(--text-primary)}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
:root{--bg-primary:#0a0a0a;--bg-secondary:#0f0e0d;--bg-tertiary:#141310;--card-bg:#ffffff08;--card-border:#ffd7641f;--card-hover:#ffd7640d;--accent-gradient:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);--accent-gradient-hover:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%);--accent-cyan:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);--accent-purple:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);--glass:#fbbf2405;--glass-border:#fbbf2414;--text-primary:#fef3c7;--text-secondary:#fde68a;--text-muted:#fcd34d;--text-subtle:#fbbf24;--primary-color:#fbbf24;--secondary-color:#f59e0b;--accent-yellow-solid:#fbbf24;--max-width:1140px;--border-radius-sm:10px;--border-radius-md:14px;--border-radius-lg:18px;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #0003;--shadow-lg:0 8px 32px #0000004d;--shadow-glow:0 0 40px #fbbf2433;--font-family-inter:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-family-display:"Plus Jakarta Sans","Inter",sans-serif}
.container{width:100%;max-width:var(--max-width);z-index:1;position:relative}header{justify-content:space-between;align-items:center;margin-bottom:48px;padding:20px 0;display:flex}.brand{align-items:center;gap:18px;display:flex}.avatar{border-radius:var(--border-radius-md);background:var(--accent-gradient);color:#fff;width:72px;height:72px;font-size:26px;font-weight:800;font-family:var(--font-family-display);box-shadow:var(--shadow-glow);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.avatar:before{content:"";background:linear-gradient(135deg,#0000 30%,#ffffff1a 50%,#0000 70%);animation:3s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)translateY(-100%)}to{transform:translate(100%)translateY(100%)}}h1{font-family:var(--font-family-display);color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:800}h2{font-family:var(--font-family-display);color:var(--text-primary);letter-spacing:-.5px;margin:0 0 12px;font-size:28px;font-weight:700}h3{font-family:var(--font-family-display);color:var(--text-primary);margin:0;font-size:19px;font-weight:700}h4{font-family:var(--font-family-display);color:var(--text-primary);font-size:16px;font-weight:700}.tag{color:var(--text-muted);font-size:14px;font-weight:500}nav{gap:6px;display:flex}nav a{color:var(--text-muted);border-radius:var(--border-radius-sm);padding:10px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}nav a:before{content:"";background:var(--glass);border-radius:var(--border-radius-sm);opacity:0;transition:opacity .3s;position:absolute;inset:0}nav a:hover{color:var(--text-primary)}nav a:hover:before{opacity:1}.hero{grid-template-columns:1fr 380px;align-items:start;gap:32px;margin-bottom:48px;display:grid}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";border-radius:var(--border-radius-lg);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.about h2{margin-top:0;font-size:22px}p{line-height:1.7}p.lead{color:var(--text-secondary);margin-bottom:16px;font-size:16px;line-height:1.7}.cta{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.btn{border-radius:var(--border-radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity .3s;position:absolute;inset:0}.btn-primary{background:var(--accent-gradient);color:#0a0a0a;font-weight:700;box-shadow:0 4px 16px #fbbf244d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fbbf2480}.btn-primary:active{transform:translateY(0)}.btn-ghost{border:1.5px solid var(--glass-border);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0}.btn-ghost:hover{border-color:var(--primary-color);color:var(--text-primary);background:var(--glass);transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.stats{gap:14px;margin-top:28px;display:flex}.stat{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);text-align:center;flex:1;min-width:90px;padding:16px;transition:all .3s}.stat:hover{background:var(--card-hover);transform:translateY(-2px)}.stat>div:first-child{color:var(--text-primary);margin-bottom:4px;font-size:24px;font-weight:800}.skills{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.skill{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .3s}.skill:hover{background:var(--card-hover);border-color:var(--primary-color);color:var(--text-primary);transform:translateY(-2px)}.right .contact-card{position:sticky;top:40px}.contact-card h3{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.projects{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:28px;display:grid}.project{border-radius:var(--border-radius-lg);background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.project:before{content:"";opacity:0;background:linear-gradient(135deg,#fbbf240d,#0000);transition:opacity .4s;position:absolute;inset:0}.project:hover{border-color:var(--primary-color);transform:translateY(-8px);box-shadow:0 16px 48px #fbbf2440}.project:hover:before{opacity:1}.project a{color:inherit;padding:20px;text-decoration:none;display:block}.project img,.project>a>div:first-child{width:calc(100% + 40px);margin:-20px -20px 16px;transition:transform .4s}.project:hover img,.project:hover>a>div:first-child{transform:scale(1.05)}.project h3{margin:0 0 8px;font-size:20px}.project p{color:var(--text-muted);margin:0 0 16px;font-size:14px;line-height:1.6}.techs{flex-wrap:wrap;gap:8px;display:flex}.tech{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-muted);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .3s}.project:hover .tech{color:var(--text-secondary);border-color:#fbbf2466}.footer-container{margin-top:60px}.inner-footer{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:40px;padding:32px 0;display:flex}.social-icons{gap:16px;display:flex}.social-icons a{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);width:44px;height:44px;color:var(--text-muted);justify-content:center;align-items:center;transition:all .3s;display:flex}.social-icons a:hover{background:var(--card-hover);border-color:var(--primary-color);color:var(--text-primary);transform:translateY(-2px)}.contact-info{text-align:right}.footer-header{color:var(--text-primary);margin-bottom:8px;font-weight:700}.contact-info a{color:var(--primary-color);text-decoration:none;transition:color .3s}.contact-info a:hover{color:var(--text-primary)}footer{color:var(--text-muted);text-align:center;margin-top:20px;font-size:14px}form.contact{flex-direction:column;gap:16px;margin-top:20px;display:flex}input,textarea{background:var(--glass);border:1.5px solid var(--glass-border);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:var(--font-family-inter);padding:14px 16px;font-size:15px;transition:all .3s}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus{border-color:var(--primary-color);background:var(--card-hover);outline:none;box-shadow:0 0 0 3px #fbbf2426}textarea{resize:vertical;min-height:140px;line-height:1.6}.hidden{display:none}@media (max-width:968px){.hero{grid-template-columns:1fr}.right{order:2}.left{order:1}.contact-card{position:static!important}}@media (max-width:768px){body{padding:40px 20px}header{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:36px}.brand{gap:16px}.avatar{width:60px;height:60px;font-size:22px}h1{font-size:22px}h2{font-size:24px}nav{justify-content:flex-start;gap:4px;width:100%;display:flex}nav a{padding:8px 14px;font-size:14px}.card{padding:24px}.stats{gap:10px}.stat{min-width:80px;padding:12px}.stat>div:first-child{font-size:20px}.projects{grid-template-columns:1fr;gap:20px}.inner-footer{text-align:center;flex-direction:column;gap:24px}.contact-info{text-align:center}}@media (max-width:480px){body{padding:30px 16px}h1{font-size:20px}h2{font-size:22px}.avatar{width:52px;height:52px;font-size:20px}.cta{flex-direction:column;width:100%}.btn{width:100%}.stats{flex-direction:column}.stat{min-width:100%}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.muted{color:var(--text-muted)}.center{text-align:center}::selection{background:var(--primary-color);color:#0a0a0a}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--glass);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--card-border)}.roadmap-page-container,.privacy-policy-container{max-width:var(--max-width);margin:0 auto;padding:80px 20px 40px}.roadmap-intro,.privacy-update,.privacy-section p,.privacy-section li{color:var(--text-muted);line-height:1.7}.roadmap-app-header .app-title,.roadmap-card-title,.privacy-section h2,.privacy-section h3{color:var(--text-primary)}.roadmap-app-header a:hover .app-title,.back-link:hover{color:var(--primary-color)}.roadmap-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.roadmap-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.roadmap-card-header{border-bottom:1px solid var(--glass-border);padding:20px}.status-icon{color:var(--primary-color)}.roadmap-badge{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-muted);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}.privacy-policy-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);padding:40px}.privacy-header{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.back-link{color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .3s}.back-link:hover{color:var(--text-primary)}
*{box-sizing:border-box;margin:0;padding:0}:root{font-family:var(--font-family-inter);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-secondary);background:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:100%;text-size-adjust:100%;font-weight:400;line-height:1.6}html{scroll-behavior:smooth}body{background:linear-gradient(180deg,var(--bg-primary)0%,var(--bg-secondary)50%,var(--bg-tertiary)100%);background-attachment:fixed;justify-content:center;min-height:100vh;margin:0;padding:60px 24px;display:flex;position:relative}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at top,#fbbf241f 0%,#0000 70%);height:400px;position:fixed;top:0;left:0;right:0}button{cursor:pointer;background-color:#0000;border:none;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#0000}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (max-width:600px){html,body{padding:20px 10px}}