@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--background: #000000;--foreground: #ffffff;--accents-1: #111111;--accents-2: #333333;--accents-3: #444444;--accents-4: #666666;--accents-5: #888888;--accents-6: #999999;--accents-7: #eaeaea;--accents-8: #fafafa;--geist-error: #ee0000;--geist-success: #0070f3;--geist-warning: #f5a623;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}p{color:var(--accents-5);line-height:1.6}h1,h2,h3{font-weight:600;letter-spacing:-.02em}::selection{background-color:var(--foreground);color:var(--background)}:root{--bg: #03040b;--primary: #ffffff;--secondary: #94a3b8;--accent: #5ef3ff;--accent-rgb: 94, 243, 255;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--font-sans: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--section-gap: 12rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,.logo{font-family:var(--font-display);letter-spacing:-.02em}.container{max-width:1200px;margin:0 auto;padding:0 5rem;position:relative}header{display:flex;justify-content:space-between;align-items:center;padding:4rem 0}.logo{font-size:1.6rem;font-weight:700;color:var(--primary);text-decoration:none}nav{display:flex;gap:3rem}nav a{color:var(--secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease}nav a:hover{color:var(--primary)}.hero{padding:12rem 0 10rem}.hero h1{font-size:clamp(4rem,10vw,6.5rem);font-weight:700;line-height:.9;letter-spacing:-.05em;margin-bottom:3rem;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) forwards}.hero .subtitle{font-size:1.4rem;color:var(--secondary);font-weight:400;margin-bottom:4rem}.hero-tech{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.hero-tech-item{display:flex;align-items:center;gap:.75rem}.tech-icon-mini{width:18px;height:18px;object-fit:contain}.hero-tech-icon{width:24px;height:24px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.hero-tech-icon:hover{transform:scale(1.3) rotate(5deg);filter:drop-shadow(0 0 15px var(--accent))}.hero-tech-text{font-size:1rem;font-weight:500;color:var(--secondary)}.hero-tech-divider{color:var(--glass-border);font-weight:300}.section-padding{padding:var(--section-gap) 0}.section-title{font-size:3rem;font-weight:600;margin-bottom:5rem;display:flex;align-items:center;gap:2.5rem}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--glass-border),transparent)}.project-category{margin-bottom:8rem}.category-title{font-size:2rem;margin-bottom:3rem;color:var(--secondary);font-weight:500}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:4rem}.card{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:4rem;border-radius:40px;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:hover{transform:translateY(-10px);border-color:var(--accent);box-shadow:0 30px 60px -20px rgba(var(--accent-rgb),.15)}.card h3{font-size:1.8rem;margin-bottom:1.5rem;color:var(--primary)}.card p{color:var(--secondary);font-size:1.05rem;line-height:1.7;margin-bottom:3rem}.tech-stack{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.tech-tag{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);padding:.6rem 1.1rem;border-radius:14px;font-size:.85rem;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:.6rem}.project-link{font-size:1rem;font-weight:600;color:var(--primary);display:inline-flex;align-items:center;gap:.5rem;transition:transform .3s ease}.card:hover .project-link{transform:translate(5px)}.experience-list{display:flex;flex-direction:column;gap:4rem}.experience-item{background:var(--glass);border:1px solid var(--glass-border);padding:4rem;border-radius:40px;transition:border-color .3s ease}.experience-item:hover{border-color:var(--accent)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem}.experience-role{color:var(--secondary);font-size:1.15rem;margin-top:.5rem}.experience-period{font-size:.95rem;font-family:var(--font-mono);color:var(--accent);background:rgba(var(--accent-rgb),.1);padding:.5rem 1.5rem;border-radius:100px}.experience-description li{color:var(--secondary);font-size:1.05rem;margin-bottom:1.25rem;padding-left:2rem;position:relative;list-style:none}.experience-description li:before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;background:var(--accent);border-radius:50%}.sidebar{position:fixed;bottom:0;display:flex;flex-direction:column;align-items:center;z-index:1000;gap:3rem}.sidebar-left{left:48px}.sidebar-right{right:48px}@media(max-width:1400px){.sidebar{display:none}.container{padding:0 4rem}}.sidebar a{color:var(--secondary);transition:all .3s ease;display:flex}.sidebar a:hover{color:var(--accent);transform:translateY(-8px)}.sidebar img,.sidebar svg,.sidebar-svg{width:24px;height:24px;fill:currentColor;transition:all .3s ease}.sidebar-line{width:1px;height:150px;background:linear-gradient(to bottom,var(--accent),transparent)}.email-link{writing-mode:vertical-rl;font-family:var(--font-mono);font-size:1rem;letter-spacing:.2em;text-decoration:none}.bg-glow{position:fixed;width:80vw;height:80vh;border-radius:50%;filter:blur(180px);z-index:-1;opacity:.15;pointer-events:none}.bg-glow-1{top:-20%;left:-20%;background:radial-gradient(circle,rgba(var(--accent-rgb),.4) 0%,transparent 70%)}.bg-glow-2{bottom:-20%;right:-20%;background:radial-gradient(circle,rgba(165,180,252,.3) 0%,transparent 70%)}.project-detail{padding:8rem 0}.back-button{background:transparent;border:1px solid var(--glass-border);color:var(--secondary);padding:.8rem 1.8rem;border-radius:14px;cursor:pointer;margin-bottom:5rem;transition:all .3s ease;font-size:1rem}.back-button:hover{border-color:var(--accent);color:var(--primary);transform:translate(-5px)}.detail-header h1{font-size:clamp(3rem,8vw,5rem);margin-bottom:0}.screenshot-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;margin:4rem 0 6rem}.screenshot{width:100%;border-radius:30px;border:1px solid var(--glass-border);transition:all .5s ease;box-shadow:0 15px 30px #0000004d}.screenshot:hover{transform:scale(1.02);box-shadow:0 25px 50px #00000080}.info-section{margin-bottom:8rem}.category-title-detail{font-size:2.5rem;margin-bottom:4rem;color:var(--primary);font-family:var(--font-display)}.tech-stack-detail{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:3rem}.tech-detail-item{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem;background:var(--glass);border-radius:32px;border:1px solid var(--glass-border);transition:all .4s ease}.tech-detail-item:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.05);transform:translateY(-5px)}.tech-icon-medium{width:42px;height:42px;object-fit:contain}.tech-detail-item span{font-size:1.1rem;font-weight:500;color:var(--secondary)}.reveal{opacity:0;transform:translateY(50px);transition:all 1.2s cubic-bezier(.2,.8,.2,1)}.reveal-visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}footer{padding:12rem 0 6rem;display:flex;justify-content:space-between;color:var(--secondary);border-top:1px solid var(--glass-border);font-size:1rem}@media(max-width:768px){.hero h1{font-size:3.5rem}.grid{grid-template-columns:1fr}.container{padding:0 2rem}.section-padding{padding:8rem 0}.detail-header h1{font-size:3rem}}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000;cursor:zoom-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeIn .3s ease}.lightbox-content{position:relative;max-width:90%;max-height:90%}.lightbox-content img{max-width:100%;max-height:90vh;border-radius:20px;box-shadow:0 0 50px #00000080;border:1px solid var(--glass-border)}.close-lightbox{position:absolute;top:-50px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}