@use 'variables' as *;@use 'variables' as *;:root{--ggp-color-primary: #0d80f2;--ggp-color-primary-light: #55a6f6;--ggp-color-primary-dark: #0959aa;--ggp-color-secondary: #8c47d1;--ggp-color-secondary-light: #b385e0;--ggp-color-secondary-dark: #6629a3;--ggp-color-accent: #55a6f6;--ggp-color-accent-glow: rgba(85,166,246,0.4);--ggp-color-white: #fff;--ggp-color-black: #0a0a0a;--ggp-color-gray-50: #f6f7f8;--ggp-color-gray-100: #eaecf0;--ggp-color-gray-200: #d3d7de;--ggp-color-gray-300: #b6bcc9;--ggp-color-gray-400: #8a94a8;--ggp-color-gray-500: #626d84;--ggp-color-gray-600: #4c5567;--ggp-color-gray-700: #363d49;--ggp-color-gray-800: #21242c;--ggp-color-gray-900: #111317;--ggp-color-success: #25b15f;--ggp-color-warning: #f99e1f;--ggp-color-error: #e23636;--ggp-color-info: #1aa2e6;--ggp-color-bg: #0a0a0a;--ggp-color-bg-surface: #111317;--ggp-color-bg-elevated: #21242c;--ggp-color-text: #eaecf0;--ggp-color-text-muted: #8a94a8;--ggp-color-border: #363d49;--ggp-font-family-base: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--ggp-font-family-mono: JetBrains Mono,Fira Code,Consolas,monospace;--ggp-transition-fast: 150ms ease;--ggp-transition-base: 300ms ease;--ggp-transition-slow: 500ms ease;--ggp-radius-sm: .25rem;--ggp-radius-md: .5rem;--ggp-radius-lg: .75rem;--ggp-radius-xl: 1rem;--ggp-shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);--ggp-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--ggp-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--ggp-shadow-glow: 0 0 20px rgba(13,128,242,0.3)}:root[data-theme="light"]{--ggp-color-bg: #f6f7f8;--ggp-color-bg-surface: #fff;--ggp-color-bg-elevated: #eaecf0;--ggp-color-text: #111317;--ggp-color-text-muted: #626d84;--ggp-color-border: #d3d7de}:root[data-flowstate-phase="focus"],.flowstate-phase--focus{--fs-color-bg: #FDFBF7;--fs-color-primary: #2C3E50;--fs-color-accent: #2980B9;--ggp-color-bg: #FDFBF7;--ggp-color-text: #2C3E50;--ggp-color-primary: #2980B9}:root[data-flowstate-phase="ideation"],.flowstate-phase--ideation{--fs-color-bg: #FFF9E6;--fs-color-primary: #E67E22;--fs-color-accent: #D35400;--ggp-color-bg: #FFF9E6;--ggp-color-text: #E67E22;--ggp-color-primary: #D35400}:root[data-flowstate-phase="execution"],.flowstate-phase--execution{--fs-color-bg: #1E1E1E;--fs-color-primary: #27AE60;--fs-color-accent: #2ECC71;--ggp-color-bg: #1E1E1E;--ggp-color-text: #E0E0E0;--ggp-color-primary: #2ECC71}:root[data-flowstate-phase="review"],.flowstate-phase--review{--fs-color-bg: #f5f5f5;--fs-color-primary: #8E44AD;--fs-color-accent: #9B59B6;--ggp-color-bg: #f5f5f5;--ggp-color-text: #8E44AD;--ggp-color-primary: #9B59B6}.fs-focus-halo{position:relative}.fs-focus-halo::after{content:'';position:absolute;inset:-4px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--ggp-transition-base),box-shadow var(--ggp-transition-base)}.fs-focus-halo--active::after{opacity:1;box-shadow:0 0 12px 2px var(--fs-color-accent, var(--ggp-color-primary))}.fs-focus-halo--suggestion::after{opacity:1;box-shadow:0 0 12px 2px #F0A500}@use 'variables' as *;@use 'mixins' as *;*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;color:#eaecf0;background-color:#0a0a0a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#fff}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{margin-bottom:1rem;color:#eaecf0}a{color:#55a6f6;text-decoration:none;transition:color 150ms ease}a:hover{color:#0d80f2}a:focus-visible{outline:2px solid #0d80f2;outline-offset:2px}code{font-family:"JetBrains Mono","Fira Code","Consolas",monospace;font-size:0.9em;background:#21242c;padding:.25rem .5rem;border-radius:.25rem}img,video{max-width:100%;height:auto;display:block}.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:.5rem;left:.5rem;z-index:1400;width:auto;height:auto;clip:auto;padding:.5rem 1rem;background:#0d80f2;color:#fff;font-weight:700;border-radius:.5rem}:focus-visible{outline:2px solid #0d80f2;outline-offset:2px}::selection{background:rgba(13,128,242,0.3);color:#fff}.container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:1rem}@media (min-width: 768px){.container{padding-inline:1.5rem}}@media (min-width: 1024px){.container{padding-inline:2rem}}.flex-center{display:flex;align-items:center;justify-content:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.text-center{text-align:center}.text-muted{color:#8a94a8}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-4{padding-left:1rem;padding-right:1rem}:root{--site-accent-soft: rgba(13,128,242,0.15);--site-border-subtle: rgba(255, 255, 255, 0.05)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--ggp-font-family-base);line-height:1.55;color:var(--ggp-color-text);background:var(--ggp-color-bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--ggp-color-accent);text-decoration:none;transition:color var(--ggp-transition-fast)}a:hover{color:var(--ggp-color-primary-light)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.visualizer{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center, rgba(13,128,242,0.06), transparent 70%),linear-gradient(180deg, var(--ggp-color-bg), #050a14)}#viz-canvas{width:100%;height:100%;opacity:0.3}.site-header{position:fixed;top:0;left:0;width:100%;z-index:50;background:rgba(3,5,10,0.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--site-border-subtle)}.header-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:16px}.header-left{display:flex;align-items:center;gap:12px}.menu-toggle{background:none;border:none;color:var(--ggp-color-accent);font-size:1.5rem;cursor:pointer;padding:6px;border-radius:var(--ggp-radius-md);transition:background var(--ggp-transition-fast)}.menu-toggle:hover{background:rgba(255,255,255,0.1)}.brand-link{font-weight:800;font-size:1.1rem;color:var(--ggp-color-text);text-decoration:none;letter-spacing:0.05em}.header-right{display:flex;align-items:center;gap:12px}.auth-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--ggp-color-border);border-radius:var(--ggp-radius-full);color:var(--ggp-color-accent);font-weight:600;font-size:0.85rem;text-decoration:none;transition:background var(--ggp-transition-fast)}.auth-btn:hover{background:var(--site-accent-soft)}.status-dot{width:12px;height:12px;border-radius:50%;background:#000;border:1px solid var(--ggp-color-gray-700);transition:all var(--ggp-transition-base)}.status-dot.online{background:var(--ggp-color-success);box-shadow:0 0 8px rgba(34,197,94,0.6);border:none}.status-dot.offline{background:var(--ggp-color-primary-dark);box-shadow:0 0 8px rgba(9,89,170,0.6);border:none}.music-player{display:flex;align-items:center;gap:12px;flex:0 1 400px}.player-controls{display:flex;gap:4px}.player-btn{background:none;border:none;color:var(--ggp-color-text-muted);font-size:1.1rem;cursor:pointer;padding:6px 8px;border-radius:var(--ggp-radius-sm);transition:color var(--ggp-transition-fast),background var(--ggp-transition-fast)}.player-btn:hover{color:var(--ggp-color-accent);background:rgba(255,255,255,0.06)}.player-btn.active{color:var(--ggp-color-accent);text-shadow:0 0 10px var(--ggp-color-accent-glow)}.player-btn--play{color:var(--ggp-color-accent);font-size:1.3rem}.player-info{display:flex;flex-direction:column;min-width:0}.player-title{font-size:0.85rem;font-weight:600;color:var(--ggp-color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{font-size:0.75rem;color:var(--ggp-color-text-muted)}.nav-drawer{position:absolute;top:100%;left:0;width:260px;height:calc(100vh - 60px);background:rgba(15,23,42,0.95);backdrop-filter:blur(16px);border-right:1px solid var(--ggp-color-border);padding:24px;display:none;flex-direction:column;gap:16px;box-shadow:4px 0 24px rgba(0,0,0,0.5)}.nav-drawer.open{display:flex}.nav-link{color:var(--ggp-color-text-muted);font-weight:500;font-size:1rem;text-decoration:none;padding:8px 0;transition:color var(--ggp-transition-fast),transform var(--ggp-transition-fast)}.nav-link:hover{color:var(--ggp-color-accent);transform:translateX(8px)}.hero-section{position:relative;z-index:10;padding:200px 0 80px;text-align:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.hero-title{font-size:0.85rem;font-weight:700;color:var(--ggp-color-accent);letter-spacing:0.5em;text-transform:uppercase;opacity:0.8;margin-bottom:40px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:0.6}50%{opacity:1}}.scroll-hint{text-align:center;margin-top:48px;color:var(--ggp-color-accent);font-size:1.5rem;opacity:0.5;animation:bounce 1.5s ease infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}.nav-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:24px;max-width:1200px;margin:0 auto}.nav-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:260px;background:var(--ggp-color-bg-elevated);backdrop-filter:blur(4px);border:1px solid var(--ggp-color-border);border-radius:var(--ggp-radius-xl);padding:24px;text-decoration:none;box-shadow:10px 10px 30px rgba(0,0,0,0.5);transition:transform var(--ggp-transition-base),border-color var(--ggp-transition-base),box-shadow var(--ggp-transition-base);position:relative;overflow:hidden}.nav-card::before{content:"";position:absolute;top:-40px;right:-40px;width:128px;height:128px;background:rgba(255,255,255,0.03);border-radius:50%;filter:blur(32px);transition:background var(--ggp-transition-base)}.nav-card:hover{transform:translateY(-8px);border-color:var(--ggp-color-accent);box-shadow:15px 15px 30px rgba(0,0,0,0.7)}.nav-card:hover::before{background:var(--site-accent-soft)}.nav-card:hover .nav-card__icon{transform:scale(1.1)}.nav-card:hover .nav-card__hint{opacity:1}.nav-card__icon{font-size:3rem;margin-bottom:16px;filter:drop-shadow(0 0 10px var(--ggp-color-accent-glow));transition:transform var(--ggp-transition-base)}.nav-card__title{color:var(--ggp-color-text);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;margin:0}.nav-card__hint{margin-top:16px;color:var(--ggp-color-accent);font-size:0.85rem;font-weight:600;opacity:0;transition:opacity var(--ggp-transition-base)}.content-section{position:relative;z-index:20;padding:80px 0;min-height:80vh}.section-banner{text-align:center;margin-bottom:40px}.section-banner h2{font-size:2rem;font-weight:800;text-transform:uppercase;letter-spacing:0.15em;color:var(--ggp-color-text);text-shadow:0 0 20px var(--ggp-color-accent-glow)}.content-card{background:var(--ggp-color-bg-elevated);border:1px solid rgba(13,128,242,0.15);border-radius:var(--ggp-radius-xl);padding:32px 48px;max-width:900px;margin:0 auto;backdrop-filter:blur(4px);box-shadow:var(--ggp-shadow-lg)}.content-card p{color:var(--ggp-color-text-muted);font-size:1.05rem;line-height:1.7;font-weight:300;margin:0 0 16px}.card-accent{margin-top:48px;height:4px;width:96px;background:linear-gradient(90deg, var(--ggp-color-accent), transparent);border-radius:var(--ggp-radius-sm)}.event-list,.discography,.contact-links{list-style:none;padding:0;margin:16px 0;display:grid;gap:10px}.event-list li,.discography li,.contact-links li{color:var(--ggp-color-text-muted);font-size:0.95rem;padding:8px 0;border-bottom:1px solid var(--site-border-subtle)}.gallery-intro{text-align:center;color:var(--ggp-color-text-muted);margin-bottom:32px}.media-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:20px}.media-item{border-radius:var(--ggp-radius-lg);overflow:hidden;border:1px solid var(--ggp-color-border);background:var(--ggp-color-bg-elevated);transition:transform var(--ggp-transition-fast),border-color var(--ggp-transition-fast)}.media-item:hover{transform:translateY(-4px);border-color:var(--ggp-color-accent)}.media-item img,.media-item video{width:100%;height:220px;object-fit:cover;display:block}.media-caption{display:block;padding:10px 14px;font-size:0.85rem;color:var(--ggp-color-text-muted)}.site-footer{position:relative;z-index:20;background:var(--ggp-color-black);padding:32px 0;border-top:1px solid var(--ggp-color-bg-surface);text-align:center}.site-footer p{color:var(--ggp-color-gray-500);font-size:0.85rem;margin:0}@media (max-width: 768px){.hero-section{padding-top:160px}.nav-cards{grid-template-columns:1fr}.header-right{display:none}.music-player{flex:1}.content-card{padding:24px}.media-grid{grid-template-columns:1fr}}