@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";:root{--bg-primary: #05070d;--bg-secondary: #0a0e19;--bg-tertiary: #10162a;--bg-gradient: radial-gradient(circle at 50% 0%, #0c1328 0%, #05070d 60%, #020306 100%);--bg-card: rgba(10, 14, 25, .55);--bg-card-hover: rgba(17, 26, 46, .75);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-bright: #ffffff;--accent-primary: #00e5ff;--accent-secondary: #94b8d0;--accent-muted: rgba(0, 229, 255, .14);--accent-glow: rgba(0, 229, 255, .07);--border-color: rgba(140, 200, 255, .07);--border-hover: rgba(140, 200, 255, .15);--font-heading: "Instrument Serif", serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--section-padding: 4.5rem 1.5rem;--max-width: 1100px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .6s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(0,229,255,.25) #05070d}body{background-color:var(--bg-primary);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#00e5ff38;color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;letter-spacing:-.02em;color:var(--text-bright)}a{text-decoration:none;color:inherit;transition:all var(--transition-fast)}.gradient-text{color:var(--accent-primary);font-style:italic}.section{padding:var(--section-padding);max-width:var(--max-width);margin:0 auto;position:relative}.section-label{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.8rem;color:var(--accent-primary);text-transform:uppercase;letter-spacing:3px;margin-bottom:1rem;font-weight:500}.section-label:before{content:"";display:block;width:30px;height:1px;background:var(--accent-primary)}.glass-card{position:relative;background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all var(--transition-smooth);box-shadow:0 8px 32px #00000026}.glass-card:before{content:none}.glass-card:hover{transform:translateY(-4px);border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:0 20px 40px -10px #00000059,0 0 15px var(--accent-glow)}.glass-card:hover:before{content:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 2rem;border-radius:100px;font-weight:500;font-family:var(--font-body);font-size:.9rem;cursor:pointer;border:none;transition:all var(--transition-smooth);position:relative;overflow:hidden;letter-spacing:.3px}.btn-primary{background:linear-gradient(135deg,#00e5ff,#3b82f6);color:#05070d;font-weight:600;box-shadow:0 4px 15px #00e5ff40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px -8px #00e5ff73;background:linear-gradient(135deg,#33ebff,#60a5fa)}.btn-primary:after{content:none}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover{border-color:var(--accent-primary);color:var(--text-bright);transform:translateY(-2px);background:var(--accent-glow)}.tech-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-family:var(--font-mono);padding:.25rem .7rem;border:1px solid var(--border-color);border-radius:100px;color:var(--text-secondary);transition:all var(--transition-fast);letter-spacing:.5px}.tech-tag:hover{border-color:#00e5ff4d;color:var(--accent-primary);background:var(--accent-glow)}.grain-overlay{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--accent-primary);transform-origin:left;z-index:9999;pointer-events:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#00e5ff40;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00e5ff66}.loader-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);z-index:99999}.loader-text{font-family:var(--font-heading);font-size:3rem;font-weight:400;color:var(--text-bright)}@media(max-width:768px){.section{padding:5rem 1.25rem}}@media(max-width:480px){.section{padding:4rem 1rem}}.hero-name{color:var(--text-bright);-webkit-text-fill-color:var(--text-bright)!important}.light-theme{--bg-primary: #faf6f0;--bg-secondary: #f4eae1;--bg-tertiary: #ebdcd0;--bg-gradient: radial-gradient(circle at 50% 0%, #fff7ed 0%, #faf6f0 50%, #eae5f5 100%);--bg-card: rgba(255, 255, 255, .52);--bg-card-hover: rgba(255, 255, 255, .76);--text-primary: #372a44;--text-secondary: #7c688c;--text-bright: #1f1235;--accent-primary: #d97706;--accent-secondary: #b45309;--accent-muted: rgba(217, 119, 6, .12);--accent-glow: rgba(217, 119, 6, .05);--border-color: rgba(217, 119, 6, .14);--border-hover: rgba(217, 119, 6, .28)}.light-theme .grain-overlay{opacity:.012}.light-theme .hero-name{color:var(--text-bright)!important;-webkit-text-fill-color:var(--text-bright)!important}.light-theme .glass-card{box-shadow:0 8px 32px #d9770608,0 1px 3px #00000003}.light-theme .glass-card:hover{box-shadow:0 20px 40px -12px #d977061a,0 1px 3px #00000003}.light-theme .btn-primary{color:#fff!important;background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 15px #d9770640}.light-theme .btn-primary:hover{background:linear-gradient(135deg,#b45309,#7c2d12);box-shadow:0 10px 30px -8px #d9770666}.light-theme .btn-outline{color:var(--text-primary);border:1px solid var(--border-color)}.light-theme .btn-outline:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-glow)}.light-theme .tech-tag{background:#d977060a;border:1px solid rgba(217,119,6,.12);color:#b45309}.light-theme .tech-tag:hover{border-color:#d977064d;color:#d97706;background:#d9770614}.light-theme ::selection{background:#d9770633;color:#1f1235}.light-theme{scrollbar-color:rgba(217,119,6,.25) #faf6f0}.light-theme ::-webkit-scrollbar-track{background:#faf6f0}.light-theme ::-webkit-scrollbar-thumb{background:#d9770640}.light-theme ::-webkit-scrollbar-thumb:hover{background:#d9770666}.light-theme .loader-container{background:#faf6f0}.light-theme .loader-text{color:#1f1235}.light-theme .scroll-progress{background:var(--accent-primary)}.dock-container{position:fixed;bottom:5.5rem;right:2rem;z-index:999}.dock-divider{width:20px;height:1px;background-color:var(--border-color);align-self:center}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:2rem;margin-top:2rem}.blog-input{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:var(--font-body);outline:none;transition:all var(--transition-fast)}.blog-input:focus{border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow)}.blog-textarea{min-height:150px;resize:vertical}.blog-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:100px;font-size:.7rem;font-family:var(--font-mono);font-weight:500;text-transform:uppercase}.blog-badge-local{background:var(--accent-muted);color:var(--accent-primary);border:1px solid rgba(0,229,255,.2)}.blog-badge-medium{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border-color)}.blog-detail-content{line-height:1.8;font-size:1.05rem;color:var(--text-primary)}.blog-detail-content p{margin-bottom:1.5rem}.blog-detail-content h2,.blog-detail-content h3{margin:2rem 0 1rem;font-weight:400}body.custom-cursor-active,body.custom-cursor-active *{cursor:none!important}.custom-cursor-outer{position:fixed;pointer-events:none;border-radius:50%;z-index:10000;mix-blend-mode:screen}.custom-cursor-inner{position:fixed;pointer-events:none;width:8px;height:8px;border-radius:50%;z-index:10001}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:none;background-size:38px 38px}.ambient-glow{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(140px);mix-blend-mode:screen}.glow-1{top:-10%;left:-10%;width:45vw;height:45vw;background:radial-gradient(circle,rgba(99,102,241,.035) 0%,transparent 70%);animation:drift-1 30s infinite alternate ease-in-out}.glow-2{bottom:-15%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(59,130,246,.025) 0%,transparent 70%);animation:drift-2 35s infinite alternate ease-in-out}@keyframes drift-1{0%{transform:translate(0) scale(1)}to{transform:translate(15%,10%) scale(1.1)}}@keyframes drift-2{0%{transform:translate(0) scale(1.1)}to{transform:translate(-10%,-15%) scale(.9)}}.light-theme body:before{background-image:none}.light-theme .ambient-glow{mix-blend-mode:multiply;filter:blur(160px)}.light-theme .glow-1{background:radial-gradient(circle,rgba(8,145,178,.06) 0%,transparent 70%)}.light-theme .glow-2{background:radial-gradient(circle,rgba(99,102,241,.04) 0%,transparent 70%)}.app{position:relative;min-height:100vh;z-index:1}.app-content{position:relative;z-index:2}