:root{--bg-color:#05070c;--bg-secondary:#0a0f17;--surface:#111925;--surface-soft:#152131;--primary-accent:#47c6ad;--primary-accent-strong:#89e8d6;--card-bg:linear-gradient(180deg,rgba(16,24,36,0.92),rgba(12,18,28,0.96));--card-border:rgba(131,150,180,0.2);--text-primary:#eef3fb;--text-secondary:#aeb9cd;--text-muted:#7b879f;--shadow-color:rgba(0,0,0,0.5)}body,html{margin:0;padding:0;width:100%}body{line-height:1.6;padding:0;min-height:100vh;color:var(--text-primary);position:relative;overflow-x:hidden;background:linear-gradient(180deg,#03050a,#05070c 55%,#04060a)}#starfield{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:var(--bg-color);opacity:1}.home-shell{position:relative;z-index:1;width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.home-nav{position:sticky;top:1rem;z-index:20;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin:0 auto 1.5rem;padding:.7rem 1rem;width:100%;border:1px solid var(--card-border);border-radius:16px;background:rgba(12,20,34,.82);backdrop-filter:blur(12px);box-shadow:0 16px 38px rgba(0,0,0,.2)}.home-nav a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:650;letter-spacing:.01em;transition:color .25s ease,transform .25s ease}.home-nav a:hover{color:var(--text-primary);transform:translateY(-1px)}.lang-toggle{display:inline-flex;align-items:center;margin-right:.75rem;border:1px solid var(--card-border);border-radius:999px;padding:.15rem;background:rgba(255,255,255,.03)}.lang-btn{border:0;background:transparent;color:var(--text-secondary);border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:700;cursor:pointer}.lang-btn.active{background:rgba(71,198,173,.22);color:var(--text-primary)}.home-hero,.home-section{border:1px solid rgba(172,188,212,.26);background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04) 34%,rgba(255,255,255,.015)),linear-gradient(180deg,rgba(20,31,48,.74),rgba(11,19,31,.82));backdrop-filter:blur(16px) saturate(130%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.06),0 24px 46px rgba(0,0,0,.34)}.home-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.75fr);gap:1.8rem;align-items:center;padding:2rem;border-radius:20px}.feature-meta,.home-eyebrow,.home-kicker,.list-meta,.snapshot-label{color:var(--primary-accent-strong);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:800}.feature-card h3,.home-section-heading h2,.home-title,.list-card h3,.snapshot-card h3{font-family:var(--font-display),serif;font-weight:600;letter-spacing:-.03em}.home-title{margin:.35rem 0 .8rem;max-width:14ch;font-size:clamp(2rem,5vw,3.2rem);line-height:1.06;color:#f4f8ff}.empty-state-card p,.feature-card p,.home-contact-note,.home-intro,.home-prose p,.home-supporting,.list-card p,.snapshot-detail{color:var(--text-secondary)}.home-intro{max-width:42rem;margin:0 0 1rem;font-size:1rem}.home-supporting{max-width:42rem;margin:0 0 2rem;font-size:.96rem}.home-link-groups,.home-links{display:flex;flex-wrap:wrap;gap:.85rem}.home-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.6rem .95rem;border-radius:999px;border:1px solid transparent;text-decoration:none;font-weight:650;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.home-link:hover{transform:translateY(-2px)}.home-link-primary{background:linear-gradient(135deg,var(--primary-accent) 0,var(--primary-accent-strong) 100%);color:#071015;box-shadow:0 8px 18px rgba(71,198,173,.22)}.home-link-secondary{background:rgba(255,255,255,.03);border-color:var(--card-border);color:var(--text-primary)}.home-links-secondary{margin-top:1rem}.home-inline-button{appearance:none;cursor:pointer;font:inherit}.home-hero-portrait{display:grid;gap:1rem;align-content:end}.home-portrait-frame{position:relative;padding:.7rem;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.01)),rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1)}.home-profile-pic{width:100%;height:auto;display:block;object-fit:cover;border-radius:12px;min-height:300px}.home-section{margin-top:1.1rem;padding:1.6rem;border-radius:18px}.home-section-heading{display:grid;gap:.35rem;margin-bottom:1.5rem}.home-section-heading h2{margin:0;font-size:clamp(1.4rem,3vw,2rem);color:#f0f6ff}.home-prose{max-width:56rem}.home-prose p{margin:0 0 1rem;font-size:.99rem}.cv-column,.feature-grid,.list-grid{display:grid;gap:.75rem}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cv-row,.empty-state-card,.feature-card,.list-card{padding:1rem;border-radius:12px;border:1px solid rgba(190,206,228,.32);background:linear-gradient(168deg,rgba(255,255,255,.2),rgba(255,255,255,.06) 40%,rgba(255,255,255,.02)),linear-gradient(180deg,rgba(56,70,92,.44),rgba(33,44,60,.52));backdrop-filter:blur(24px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(255,255,255,.08),0 14px 32px rgba(0,0,0,.32)}.cv-row h3,.feature-card h3,.list-card h3{margin:.35rem 0 .4rem;font-size:1.15rem;color:#f2f8ff}.cv-row p,.feature-card p,.list-card p{margin:0}.cv-column{grid-template-columns:1fr}.cv-label{color:var(--primary-accent-strong);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:750}.cv-detail{color:var(--text-secondary)}.feature-card,.list-card{display:flex;flex-direction:column;gap:.9rem}.feature-link{color:var(--primary-accent-strong);font-weight:700;text-decoration:none}.feature-link:hover{color:var(--text-primary)}.list-card-link{text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.list-card-link:hover{transform:translateY(-2px);border-color:rgba(228,238,252,.48);background:linear-gradient(165deg,rgba(255,255,255,.24),rgba(255,255,255,.09) 42%,rgba(255,255,255,.03)),linear-gradient(180deg,rgba(66,82,108,.56),rgba(37,48,66,.6))}.empty-state-card{max-width:42rem}.home-contact{margin-bottom:2rem}.home-contact-note{max-width:44rem;margin:0 0 1.25rem}.contact-shell,.work-detail-shell{position:relative;z-index:1;width:min(1000px,calc(100% - 2rem));margin:1.2rem auto 3rem}.work-detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}.work-back-link{color:var(--text-secondary);text-decoration:none;font-weight:650}.work-back-link:hover{color:var(--text-primary)}.work-type-chip{padding:.28rem .62rem;border-radius:999px;color:var(--primary-accent-strong);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.work-hero,.work-type-chip{border:1px solid var(--card-border)}.work-hero{border-radius:14px;overflow:hidden;background:var(--surface-soft)}.work-hero-image{width:100%;height:auto;display:block;max-height:380px;object-fit:cover}.work-hero-fallback{height:260px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(71,198,173,.2),transparent 38%),radial-gradient(circle at 75% 70%,rgba(137,232,214,.14),transparent 34%),linear-gradient(120deg,#0f1a27,#132031)}.work-hero-fallback span{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--primary-accent-strong)}.contact-card,.work-content{margin-top:1rem;border:1px solid var(--card-border);border-radius:14px;padding:1.25rem;background:var(--card-bg)}.contact-card h1,.work-content h1{margin:0 0 .75rem;font-family:var(--font-display),serif}.work-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.meta-label{margin:0;color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.meta-value{margin:.18rem 0 0;color:var(--text-primary);font-weight:630}.work-abstract h2{margin:0 0 .35rem}.work-abstract p{margin:0 0 1rem;color:var(--text-secondary)}.work-tags{display:flex;flex-wrap:wrap;gap:.4rem}.work-tags span{padding:.22rem .52rem;border-radius:999px;border:1px solid rgba(137,232,214,.3);color:var(--primary-accent-strong);font-size:.75rem}.work-cta-row{margin-top:1.1rem}.work-contact-btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .95rem;border-radius:999px;text-decoration:none;font-weight:680;color:#071015;background:linear-gradient(135deg,var(--primary-accent) 0,var(--primary-accent-strong) 100%)}.contact-kicker{margin:0;color:var(--primary-accent-strong);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.contact-intro{color:var(--text-secondary);margin:0 0 1rem}.contact-form{display:grid;gap:.75rem}.contact-form label{display:grid;gap:.35rem;font-size:.92rem}.contact-form input,.contact-form textarea{border:1px solid var(--card-border);border-radius:10px;background:rgba(255,255,255,.03);color:var(--text-primary);padding:.62rem .7rem}.contact-form button{border:0;border-radius:999px;padding:.6rem 1rem;width:fit-content;color:#071015;font-weight:680;background:linear-gradient(135deg,var(--primary-accent) 0,var(--primary-accent-strong) 100%);cursor:pointer}.playground-body{min-height:100vh;padding:2rem 0;display:flex;flex-direction:column;justify-content:center}.back-button-container{position:fixed;top:25px;left:25px;z-index:1000}.logout-button-container{position:fixed;top:25px;right:25px;z-index:1000}.back-button{display:flex;align-items:center;text-decoration:none;color:var(--text-secondary);background-color:rgba(30,30,50,.7);padding:.6rem .8rem;border-radius:50px;backdrop-filter:blur(10px);border:1px solid var(--card-border);transition:all .3s ease}.back-button:hover{background-color:rgba(45,45,85,.9);color:#ffffff;box-shadow:0 4px 15px rgba(0,0,0,.3);transform:translateY(-2px)}.back-button svg{width:24px;height:24px;transition:transform .3s ease}.back-button .back-text{margin-left:.5rem;font-weight:600;opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .4s ease,opacity .3s ease}.back-button:hover .back-text{opacity:1;max-width:150px}.games-section,.music-section{width:100%;max-width:1200px;margin:2rem 0}.section-title{font-size:2.5rem;font-weight:700;color:#ffffff;margin:2rem auto 1rem;text-align:center;letter-spacing:1px;padding-bottom:.8rem;border-bottom:2px solid var(--primary-accent);display:inline-block}.section-header{text-align:center;margin-bottom:3rem}.section-description{text-align:center;color:var(--text-secondary);margin:1rem auto 2rem;max-width:800px;font-size:1.1rem;line-height:1.7}.games-grid,.music-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;width:90%;max-width:1200px;margin:0 auto;padding:2rem 0}.game-card,.music-card{display:flex;flex-direction:column;background:var(--card-bg);border-radius:20px;overflow:hidden;backdrop-filter:blur(12px);border:1px solid var(--card-border);transition:transform .3s ease,box-shadow .3s ease;padding:1.5rem;box-shadow:0 8px 25px rgba(0,0,0,.3)}.game-card:hover,.music-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(0,0,0,.5);border-color:rgba(137,232,214,.5)}.game-icon{height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.game-icon img{width:100%;height:100%;object-fit:contain;border-radius:15px}.game-info,.music-info{flex:1;display:flex;flex-direction:column;text-align:left}.game-info h2,.music-info h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#ffffff}.game-description,.music-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:.5rem 0;flex-grow:1}.game-meta{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.deployment-date{font-size:.85rem;color:var(--text-secondary);font-weight:600}.play-button{background:var(--primary-accent);color:#ffffff;padding:.6rem 1.8rem;border-radius:50px;text-decoration:none;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px rgba(71,198,173,.3)}.play-button:hover{background:#ffffff;color:var(--primary-accent);transform:scale(1.05);box-shadow:0 6px 20px rgba(71,198,173,.45)}.game-container{position:relative;background:var(--card-bg);border-radius:24px;backdrop-filter:blur(12px);border:1px solid var(--card-border);width:85vmin;height:85vmin;max-width:80vh;max-height:80vh;margin:auto;padding:1.5rem;display:flex;flex-direction:column;align-items:center;box-shadow:0 12px 40px var(--shadow-color)}#gameCanvas{background-color:rgba(0,0,0,.4);border-radius:15px;width:100%;height:100%}.score-display{position:absolute;top:-2.5rem;left:1.5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary);text-shadow:1px 1px 5px var(--shadow-color)}.game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(10,10,26,.9);padding:2.5rem;border-radius:20px;text-align:center;backdrop-filter:blur(10px);border:1px solid var(--card-border)}.game-over.hidden{display:none}.game-over h2{font-size:2rem;color:#fff}.game-over p{font-size:1.2rem;color:var(--text-secondary)}#restartButton{background:var(--primary-accent);color:white;border:none;padding:.8rem 2rem;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease;margin-top:1rem;box-shadow:0 4px 15px rgba(71,198,173,.3)}#restartButton:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(71,198,173,.45)}.controls{display:none}.music-card{padding:1.5rem}.music-info{padding:.5rem 0}.music-description{margin:.5rem 0 1.5rem}.sound-toggle{position:fixed;bottom:25px;right:25px;width:52px;height:52px;border-radius:50%;background:rgba(30,30,50,.7);backdrop-filter:blur(10px);border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;padding:0;box-shadow:0 4px 15px rgba(0,0,0,.3)}.sound-toggle:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,.4);color:#ffffff}.sound-toggle svg{width:24px;height:24px;transition:transform .3s ease}.sound-toggle .sound-off,.sound-toggle .sound-on{position:absolute}@media (max-width:992px){.feature-grid,.games-grid,.home-hero,.list-grid,.music-grid,.work-meta-grid{grid-template-columns:1fr}.games-grid,.music-grid{width:90%;max-width:500px}}@media screen and (max-width:767px){.home-shell{width:min(100% - 1.2rem,100%);padding-top:1rem}.home-nav{top:.75rem;justify-content:flex-start;border-radius:12px}.home-hero,.home-section{padding:1.4rem;border-radius:24px}.home-title{max-width:none;font-size:2.1rem}.home-intro{font-size:.95rem}.sound-toggle{bottom:20px;right:20px;width:48px;height:48px}.back-button-container{top:20px;left:20px}.back-button .back-text{display:none}.home-profile-pic{min-height:280px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:2000;backdrop-filter:blur(5px)}.modal-content{background:var(--card-bg);padding:2.5rem;border-radius:24px;box-shadow:0 12px 40px var(--shadow-color);backdrop-filter:blur(12px);width:90%;max-width:400px;position:relative;border:1px solid var(--card-border);text-align:center}.modal-content h2{margin-top:0;margin-bottom:1.5rem;color:#ffffff;font-size:2rem}.modal-close-button{position:absolute;top:15px;right:15px;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:color .3s ease}.modal-close-button:hover{color:var(--primary-accent)}.login-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px;margin:0 auto}.auth-input{padding:.8rem 1rem;border-radius:8px;border:1px solid var(--card-border);background-color:rgba(255,255,255,.05);color:var(--text-primary);font-size:1rem;width:100%;box-sizing:border-box}.auth-input::placeholder{color:var(--text-secondary)}.auth-input:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(71,198,173,.3)}.auth-button{background:var(--primary-accent);color:white;border:none;padding:.8rem 2rem;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px rgba(71,198,173,.32)}.auth-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px rgba(71,198,173,.45)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.login-button{background-color:var(--primary-accent)}.login-button:hover:not(:disabled){background-color:#3ea993}.logout-button{background-color:#f44336}.logout-button:hover:not(:disabled){background-color:#d32f2f}.error-message{color:#f44336;font-size:.9rem;margin-top:.5rem}.remember-me-container{display:flex;align-items:center;margin-bottom:1rem}.remember-me-label{position:relative;cursor:pointer;padding-left:30px;display:flex;align-items:center;color:var(--text-secondary)}.remember-me-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.custom-checkbox{position:absolute;left:0;height:20px;width:20px;background-color:rgba(255,255,255,.1);border:1px solid var(--card-border);border-radius:3px;transition:background-color .3s ease}.remember-me-label:hover .custom-checkbox{background-color:rgba(255,255,255,.2)}.remember-me-checkbox:checked~.custom-checkbox{background-color:var(--primary-accent);border-color:var(--primary-accent)}.custom-checkbox:after{content:"";position:absolute;display:none}.remember-me-checkbox:checked~.custom-checkbox:after{display:block}.custom-checkbox:after{left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}