.system-container{max-width:1200px;width:100%;margin:120px auto 60px;padding:0 40px;position:relative;z-index:10}.system-hero{text-align:center;margin-bottom:60px}.system-hero-badge{display:inline-block;padding:6px 12px;border:1px solid var(--border-color);background:#ffffff05;border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:2px;color:var(--sub-text);margin-bottom:20px;text-transform:uppercase}.system-hero h1{font-size:4rem;font-weight:900;letter-spacing:-2px;margin-bottom:10px;line-height:1}.showcase-grid{display:grid;grid-template-columns:1.1fr 1.9fr;gap:40px;align-items:start}.kick-showcase-card{display:block;position:relative;width:100%;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.15);border-radius:28px;padding:24px;box-shadow:0 40px 80px #00000080,inset 0 0 0 1px #ffffff08;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);text-decoration:none;overflow:hidden;transition:all .6s cubic-bezier(.16,1,.3,1)}.kick-showcase-card:hover{border-color:#53fc184d;box-shadow:0 50px 100px #53fc181a,0 20px 50px #0009,inset 0 0 0 1px #53fc1833;transform:translateY(-4px) scale(1.01)}.kick-showcase-card .image-wrapper{width:100%;aspect-ratio:16/11;border-radius:18px;overflow:hidden;margin-bottom:20px;border:1px solid rgba(255,255,255,.05);position:relative}.kick-showcase-card .image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.kick-showcase-card:hover .image-wrapper img{transform:scale(1.03)}.stream-badge-overlay{position:absolute;top:40px;left:40px;z-index:20;display:flex;align-items:center;gap:10px;padding:8px 16px;background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:50px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 20px #0000004d;font-size:.7rem;font-weight:700;letter-spacing:1.5px;color:#fff;transition:all .4s ease}.kick-showcase-card.live-mode .stream-badge-overlay{background:#53fc181a;border-color:#53fc1866;box-shadow:0 10px 25px #53fc1833;color:#53fc18}.pulse-dot{width:8px;height:8px;background-color:#888;border-radius:50%;display:inline-block;transition:all .4s ease}.kick-showcase-card.live-mode .pulse-dot{background-color:#53fc18;animation:badgePulse 1.5s infinite alternate}.kick-showcase-card.offline-mode .pulse-dot{background-color:#ffb700;animation:standbyPulse 2s infinite alternate}@keyframes badgePulse{0%{transform:scale(1);box-shadow:0 0 #53fc18b3}70%{transform:scale(1.1);box-shadow:0 0 8px 4px #53fc1800}to{transform:scale(1);box-shadow:0 0 #53fc1800}}@keyframes standbyPulse{0%{transform:scale(1);box-shadow:0 0 #ffb70066}to{transform:scale(1.1);box-shadow:0 0 6px 2px #ffb7001a}}.kick-hover-overlay{position:absolute;top:24px;right:24px;left:24px;bottom:68px;border-radius:18px;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:15;opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;transition:all .4s cubic-bezier(.16,1,.3,1)}.kick-showcase-card:hover .kick-hover-overlay{opacity:1}.kick-logo-wrapper{background:#53fc181a;border:1px solid rgba(83,252,24,.2);width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 30px #53fc1826;transform:scale(.8);transition:all .5s cubic-bezier(.16,1,.3,1)}.kick-showcase-card:hover .kick-logo-wrapper{transform:scale(1)}.hover-action-text{font-size:.9rem;font-weight:700;letter-spacing:2px;color:#53fc18;text-shadow:0 0 10px rgba(83,252,24,.4)}.image-showcase-caption{display:flex;justify-content:center;align-items:center;padding:0 5px}.kick-link-tag{font-size:.75rem;font-weight:700;letter-spacing:1px;color:var(--sub-text);display:flex;align-items:center;gap:6px;transition:color .3s ease}.kick-showcase-card:hover .kick-link-tag{color:#53fc18}.specs-wrapper{display:flex;flex-direction:column;gap:40px}.specs-category{background:#ffffff03;border:1px solid rgba(255,255,255,.04);border-radius:20px;padding:30px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.specs-category .category-header{font-size:.8rem;font-weight:700;letter-spacing:2px;color:var(--sub-text);margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:10px;text-transform:uppercase}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.spec-card{display:flex;align-items:center;gap:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:15px 20px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;text-decoration:none;color:inherit}.spec-card[href]{cursor:pointer}.spec-card:hover{background:#ffffff0a;border-color:#ffffff26;transform:translateY(-2px)}.spec-external-icon{margin-left:auto;font-size:.75rem;color:var(--sub-text);opacity:.3;transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0}.spec-card:hover .spec-external-icon{color:var(--accent-color);opacity:1;transform:translate(2px,-2px)}.spec-card:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--accent-color);opacity:0;transition:opacity .3s ease}.spec-card:hover:before{opacity:.8}.spec-icon{width:44px;height:44px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--accent-color);flex-shrink:0;transition:all .3s ease}.spec-card:hover .spec-icon{background:var(--accent-color);color:var(--bg-color);transform:scale(1.05)}.spec-info{display:flex;flex-direction:column;gap:3px;min-width:0}.spec-label{font-size:.6rem;font-weight:700;letter-spacing:1.5px;color:var(--sub-text);text-transform:uppercase}.spec-value{font-size:.85rem;font-weight:600;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spec-details{font-size:.7rem;color:var(--sub-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .kick-showcase-card{background:#ffffffb3;border:1px solid rgba(0,0,0,.08);border-top:1px solid rgba(0,0,0,.04);box-shadow:0 20px 40px #0000000f,inset 0 0 20px #ffffff80,inset 0 1px #fffc}[data-theme=light] .kick-showcase-card:hover{border-color:#53fc18cc;box-shadow:0 30px 60px #53fc1826,0 15px 35px #0000000f}[data-theme=light] .kick-showcase-card .image-wrapper{border:1px solid rgba(0,0,0,.05)}[data-theme=light] .stream-badge-overlay{background:#ffffffe6;border-color:#00000014;color:#333}[data-theme=light] .kick-showcase-card.live-mode .stream-badge-overlay{background:#53fc1826;border-color:#53fc1880;color:#1a8f00}[data-theme=light] .specs-category{background:#fff6;border:1px solid rgba(0,0,0,.04)}[data-theme=light] .spec-card{background:#fff9;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .spec-card:hover{background:#fffffff2;border-color:var(--accent-color)}[data-theme=light] .spec-icon{background:#00000008;border:1px solid rgba(0,0,0,.05)}[data-theme=light] .system-hero-badge{border:1px solid rgba(0,0,0,.08);background:#00000005}@media(max-width:992px){.showcase-grid{grid-template-columns:1fr;gap:30px}.system-container{padding:0 25px}}@media(max-width:576px){.system-container{margin-top:100px;padding:0 15px}.system-hero h1{font-size:2.8rem}.stream-badge-overlay{top:30px;left:30px;padding:6px 12px;font-size:.6rem}.kick-showcase-card{padding:16px;border-radius:20px}.kick-showcase-card .image-wrapper{border-radius:12px;aspect-ratio:16/11}.kick-hover-overlay{top:16px;right:16px;left:16px;bottom:60px;border-radius:12px}.kick-logo-wrapper{width:70px;height:70px}.kick-logo-wrapper svg{width:35px;height:35px}.hover-action-text{font-size:.75rem}.specs-category{padding:20px}.specs-grid{grid-template-columns:1fr}}.hub-container{width:100%;min-height:80vh;padding:3.5rem 1.25rem 5rem;display:flex;justify-content:center;align-items:flex-start}.hub-grid-12{display:grid;grid-template-columns:repeat(12,1fr);column-gap:1rem;row-gap:.85rem;width:100%;max-width:640px;margin:0 auto}.hub-hero-col{grid-column:span 12;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.5rem}.hub-avatar-img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:1px solid var(--border, rgba(255, 255, 255, .12));background-color:var(--bg-card-solid, #17181d);margin-bottom:1.25rem;display:block}.hub-name{font-size:1.75rem;font-weight:700;color:var(--foreground-heading, #f5f5f7);letter-spacing:-.02em;margin:0;line-height:1.2}.hub-link-col{grid-column:span 12}.hub-link-item{display:flex;align-items:center;justify-content:space-between;width:100%;height:58px;padding:0 1.25rem;background-color:var(--bg-card, rgba(255, 255, 255, .045));border:1px solid var(--border, rgba(255, 255, 255, .085));border-radius:var(--radius-sm, 14px);color:var(--foreground, #f5f5f7);text-decoration:none;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;box-sizing:border-box}.hub-link-item:hover{background-color:#ffffff12;border-color:var(--brand-border, rgba(255, 255, 255, .25));box-shadow:0 8px 26px -4px var(--brand-glow, rgba(255, 255, 255, .15));transform:translateY(-2px)}.hub-link-item:active{transform:translateY(0)}.hub-link-left{display:flex;align-items:center;gap:1rem;height:100%}.hub-link-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--foreground, #f5f5f7);flex-shrink:0;transition:color .25s ease}.hub-link-icon svg{display:block}.hub-link-item:hover .hub-link-icon{color:var(--brand-color, #ffffff)}.hub-link-title{font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.2;display:flex;align-items:center;margin-top:1px}.hub-link-arrow{width:32px;height:32px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;color:var(--foreground-muted, #9a9aa0);flex-shrink:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.hub-link-arrow svg{display:block}.hub-link-item:hover .hub-link-arrow{color:var(--brand-color, #ffffff);background:#ffffff1f;border-color:var(--brand-border, rgba(255, 255, 255, .28));transform:rotate(45deg) translate(2px) scale(1.08);box-shadow:0 4px 12px var(--brand-glow, rgba(0, 0, 0, .3))}[data-theme=light] .hub-link-item{background-color:#00000009;border:1px solid rgba(0,0,0,.08);color:#111214}[data-theme=light] .hub-link-item:hover{background-color:#0000000f}[data-theme=light] .hub-link-arrow{background:#0000000a;border:1px solid rgba(0,0,0,.08);color:#4b5563}.card-page-container{width:100%;min-height:85vh;padding:3rem 1rem 5rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:#f5f5f7;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.card-page-wrap{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center}.card-perspective{width:100%;perspective:1200px;margin-bottom:1.75rem;cursor:pointer}.card-3d-inner{width:100%;aspect-ratio:1.586 / 1;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.34,1.35,.64,1);border-radius:22px;box-shadow:0 25px 60px #000000d9,0 0 35px #ffffff0f}.card-3d-inner.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:22px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-sizing:border-box;overflow:hidden;border:1px solid rgba(255,255,255,.14)}.card-face-front{z-index:2;transform:rotateY(0);background:#0b0c10;display:flex;flex-direction:column;justify-content:space-between;padding:1.85rem 2rem;position:relative}.card-crescent-sphere{position:absolute;width:115%;height:115%;bottom:-65%;left:-28%;border-radius:50%;background:radial-gradient(circle at 50% 0%,#ffffff1f,#0a0c12f2 70%);border-top:2px solid rgba(255,255,255,.85);box-shadow:0 -4px 30px #ffffff80,0 -15px 50px #ffffff40,inset 0 4px 20px #ffffff4d;pointer-events:none;z-index:1}.card-top-row{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:2}.card-label-small{font-size:.85rem;font-weight:500;color:#9a9aa0;margin-bottom:.3rem;letter-spacing:.01em}.card-holder-name{font-size:1.85rem;font-weight:700;color:#fff;letter-spacing:-.025em;line-height:1.1;margin:0}.card-logo-mark{display:flex;align-items:center}.card-logo-mark svg{width:52px;height:34px}.card-bottom-row{display:flex;align-items:flex-end;justify-content:space-between;position:relative;z-index:2}.card-account-number{font-family:SF Mono,Courier New,monospace;font-size:1.2rem;font-weight:600;color:#fff;letter-spacing:.12em;margin-top:.25rem}.card-valid-date{font-family:SF Mono,Courier New,monospace;font-size:1.2rem;font-weight:600;color:#fff;letter-spacing:.08em;text-align:right;margin-top:.25rem}.card-face-back{transform:rotateY(180deg);background:#0b0c10;display:flex;flex-direction:column;justify-content:space-between;padding:0;border:1px solid rgba(255,255,255,.14)}.card-back-stripe{width:100%;height:46px;background:#000;margin-top:1.35rem;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.card-back-sig-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;color:#0f172a;padding:.45rem 1rem;margin:.75rem 1.35rem;border-radius:4px;font-family:SF Mono,Courier New,monospace;font-size:.85rem;font-weight:700}.card-back-sig-url{letter-spacing:.04em;color:#0f172a}.card-back-sig-cvv{color:#64748b;font-style:italic}.card-back-info-wrap{padding:0 1.35rem 1.35rem;display:flex;align-items:flex-end;justify-content:space-between}.card-back-name-title{display:flex;flex-direction:column;gap:.2rem}.card-back-person-name{font-size:1.05rem;font-weight:800;color:#fff;letter-spacing:-.01em}.card-back-role-text{font-size:.8rem;color:var(--accent, #0a84ff);font-weight:600}.card-back-email-text{font-size:.75rem;color:#9a9aa0}.card-back-chip{width:38px;height:28px;border-radius:6px;background:linear-gradient(135deg,#ffffff40,#ffffff14);border:1px solid rgba(255,255,255,.25)}.card-flip-hint-badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;color:var(--foreground-muted, #9a9aa0);background:var(--bg-card, rgba(255, 255, 255, .05));border:1px solid var(--border, rgba(255, 255, 255, .08));padding:.4rem .95rem;border-radius:999px;margin-bottom:1.75rem;transition:color .2s ease,background .2s ease}.card-flip-hint-badge:hover{color:var(--foreground, #ffffff);background:var(--muted-bg, rgba(255, 255, 255, .09))}.card-actions-grid{display:flex;flex-direction:column;gap:.75rem;width:100%}.card-action-btn-primary{width:100%;height:52px;border-radius:16px;background:var(--accent, #0a84ff);color:#fff;font-weight:700;font-size:.95rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;text-decoration:none;box-shadow:0 6px 20px #0a84ff59;transition:transform .15s ease,background-color .2s ease}.card-action-btn-primary:active{transform:scale(.98)}.card-action-btn-secondary{width:100%;height:52px;border-radius:16px;background:var(--bg-card, rgba(255, 255, 255, .05));border:1px solid var(--border, rgba(255, 255, 255, .12));color:var(--foreground, #ffffff);font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.card-action-btn-secondary:hover{background:var(--muted-bg, rgba(255, 255, 255, .1));border-color:var(--border-hover, rgba(255, 255, 255, .25))}.card-action-btn-secondary:active{transform:scale(.98)}[data-theme=light] .card-action-btn-secondary{background:#0000000a;border:1px solid rgba(0,0,0,.12);color:#111214}[data-theme=light] .card-action-btn-secondary:hover{background:#00000014;border-color:#00000038;color:#000}[data-theme=light] .card-flip-hint-badge{background:#0000000a;border:1px solid rgba(0,0,0,.1);color:#4b5563}[data-theme=light] .card-flip-hint-badge:hover{color:#111214;background:#00000014}.not-found-container{min-height:calc(85vh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;position:relative;overflow:hidden;z-index:1}.not-found-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:520px;height:520px;background:radial-gradient(circle,var(--accent-glow, rgba(10, 132, 255, .25)) 0%,rgba(10,132,255,.03) 50%,transparent 75%);filter:blur(70px);pointer-events:none;z-index:-1}.not-found-canvas-wrapper{display:flex;justify-content:center;align-items:center;margin:.5rem 0 1.5rem;cursor:pointer;max-width:100%}.not-found-canvas-wrapper canvas{max-width:100%;height:auto;display:block}.not-found-title{font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:600;letter-spacing:-.025em;color:var(--foreground-heading);margin-bottom:.75rem;line-height:1.2}.not-found-desc{font-size:clamp(.95rem,2vw,1.125rem);color:var(--foreground-muted);max-width:520px;line-height:1.65;margin-bottom:2.25rem;font-weight:400}.not-found-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.not-found-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.6rem;border-radius:var(--radius-pill, 980px);font-size:.9375rem;font-weight:600;color:#fff;background:var(--accent, #0a84ff);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px var(--accent-glow, rgba(10, 132, 255, .25));text-decoration:none;transition:all .4s var(--ease-apple, cubic-bezier(.22, 1, .36, 1))}.not-found-btn-icon{width:17px;height:17px;flex-shrink:0;display:block;transform:translateY(.5px);transition:transform .3s var(--ease-apple, cubic-bezier(.22, 1, .36, 1))}.not-found-btn-primary span{display:inline-block;transform:translateY(-.5px)}.not-found-btn-primary:hover{background:var(--accent-hover, #2997ff);transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow, rgba(10, 132, 255, .4));color:#fff}.not-found-btn-primary:hover .not-found-btn-icon{transform:translateY(.5px) translate(-3px)}.not-found-btn-primary:active{transform:translateY(0);scale:.98}:root{color-scheme:dark;--bg: #050507;--bg-elevated: #0c0d11;--bg-card: rgba(255, 255, 255, .045);--bg-card-solid: #17181d;--bg-glass: rgba(5, 5, 7, .72);--foreground: #f5f5f7;--foreground-heading: #f5f5f7;--foreground-muted: #9a9aa0;--foreground-muted-dim: rgba(154, 154, 160, .62);--border: rgba(255, 255, 255, .085);--border-hover: rgba(255, 255, 255, .15);--accent: #0a84ff;--accent-hover: #2997ff;--accent-soft: rgba(10, 132, 255, .14);--accent-glow: rgba(10, 132, 255, .25);--status-online: #30d158;--status-idle: #ffd60a;--status-dnd: #ff453a;--status-offline: #86868b;--muted-bg: rgba(255, 255, 255, .055);--input-bg: rgba(255, 255, 255, .055);--shadow-sm: 0 2px 16px rgba(0, 0, 0, .34);--shadow-lg: 0 18px 42px rgba(0, 0, 0, .46);--shadow-glow: 0 0 40px rgba(10, 132, 255, .15);--radius: 20px;--radius-sm: 12px;--radius-pill: 980px;--ease-apple: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition: .7s var(--ease-apple);--transition-fast: .5s var(--ease-apple);--transition-slow: 1.2s var(--ease-out-expo);--font: "Inter", "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--max-width: 1080px;--section-padding: clamp(6rem, 14vw, 10rem)}[data-theme=light]{color-scheme:light;--bg: #fbfbfc;--bg-elevated: #ffffff;--bg-card: rgba(255, 255, 255, .92);--bg-card-solid: #ffffff;--bg-glass: rgba(255, 255, 255, .76);--foreground: #111214;--foreground-heading: #111214;--foreground-muted: #64666d;--foreground-muted-dim: rgba(100, 102, 109, .7);--border: rgba(17, 18, 20, .08);--border-hover: rgba(17, 18, 20, .14);--accent-glow: rgba(10, 132, 255, .12);--muted-bg: rgba(17, 18, 20, .028);--input-bg: rgba(17, 18, 20, .035);--shadow-sm: 0 2px 12px rgba(17, 18, 20, .06);--shadow-lg: 0 16px 40px rgba(17, 18, 20, .11);--shadow-glow: 0 0 40px rgba(10, 132, 255, .08)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background-color:var(--bg);color:var(--foreground);line-height:1.6;min-height:100vh;transition:background-color var(--transition-fast),color var(--transition-fast)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}ul,ol{list-style:none}.site-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,4vw,2rem);background:transparent;backdrop-filter:saturate(180%) blur(40px);-webkit-backdrop-filter:saturate(180%) blur(40px);border-bottom:1px solid transparent;transition:background .8s var(--ease-apple),border-color .8s var(--ease-apple),padding .8s var(--ease-apple),box-shadow .8s var(--ease-apple)}.site-nav.is-scrolled{border-bottom-color:var(--border);background:var(--bg-glass);box-shadow:0 1px 0 var(--border);padding-top:.625rem;padding-bottom:.625rem}.nav-brand{font-size:.9375rem;font-weight:600;letter-spacing:-.02em;color:var(--foreground-heading);transition:opacity .5s var(--ease-apple)}.nav-brand:hover{opacity:.7}.nav-links{display:none;align-items:center;gap:1.75rem}@media(min-width:768px){.nav-links{display:flex}}.nav-links a{font-size:.8125rem;font-weight:500;color:var(--foreground-muted);letter-spacing:-.01em;transition:color .5s var(--ease-apple);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:var(--accent);border-radius:1px;transition:width .5s var(--ease-apple)}.nav-links a:hover{color:var(--foreground)}.nav-links a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:.5rem}.control-btn{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--muted-bg);border:1px solid var(--border);color:var(--foreground-muted);font-size:.75rem;font-weight:600;transition:all .5s var(--ease-apple)}.control-btn:hover{background:var(--input-bg);border-color:var(--border-hover);color:var(--foreground);transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.control-btn i{font-size:.875rem}.control-btn .fa-sun,[data-theme=light] .control-btn .fa-moon{display:none}[data-theme=light] .control-btn .fa-sun{display:inline}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--muted-bg);border:1px solid var(--border);padding:0;cursor:pointer;transition:all .5s var(--ease-apple)}.hamburger-btn:hover{background:var(--input-bg);border-color:var(--border-hover)}.hamburger-line{display:block;width:14px;height:1.5px;background:var(--foreground-muted);border-radius:2px;transition:all .4s var(--ease-apple);transform-origin:center}.hamburger-btn.is-active .hamburger-line:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.hamburger-btn.is-active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.is-active .hamburger-line:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}@media(min-width:768px){.hamburger-btn{display:none}}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .5s var(--ease-apple),visibility .5s var(--ease-apple)}.mobile-menu-overlay.is-open{opacity:1;visibility:visible}.mobile-menu-panel{position:absolute;top:0;right:0;width:min(320px,85vw);height:100%;background:var(--bg-glass);backdrop-filter:saturate(180%) blur(40px);-webkit-backdrop-filter:saturate(180%) blur(40px);border-left:1px solid var(--border);padding:5rem 2rem 2rem;transform:translate(100%);transition:transform .6s var(--ease-apple)}.mobile-menu-overlay.is-open .mobile-menu-panel{transform:translate(0)}.mobile-menu-links{display:flex;flex-direction:column;gap:.25rem}.mobile-menu-links a{display:block;padding:1rem 0;font-size:1.25rem;font-weight:500;color:var(--foreground);letter-spacing:-.02em;border-bottom:1px solid var(--border);transition:color .4s var(--ease-apple),padding-left .4s var(--ease-apple);opacity:0;transform:translate(20px)}.mobile-menu-overlay.is-open .mobile-menu-links a{opacity:1;transform:translate(0)}.mobile-menu-links a:nth-child(1){transition-delay:.08s}.mobile-menu-links a:nth-child(2){transition-delay:.12s}.mobile-menu-links a:nth-child(3){transition-delay:.16s}.mobile-menu-links a:nth-child(4){transition-delay:.2s}.mobile-menu-links a:nth-child(5){transition-delay:.24s}.mobile-menu-links a:nth-child(6){transition-delay:.28s}.mobile-menu-links a:nth-child(7){transition-delay:.32s}.mobile-menu-links a:hover{color:var(--accent);padding-left:.75rem}.site-wrapper{max-width:var(--max-width);margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem);display:flex;flex-direction:column}.section{display:flex;flex-direction:column;gap:1.5rem;padding:var(--section-padding) 0}.section-alt{background:var(--bg);margin-left:calc(-1*clamp(1.25rem,4vw,2rem));margin-right:calc(-1*clamp(1.25rem,4vw,2rem));padding-left:clamp(1.25rem,4vw,2rem);padding-right:clamp(1.25rem,4vw,2rem)}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--foreground-heading);text-align:center}.section-text{font-size:clamp(1rem,2vw,1.125rem);color:var(--foreground-muted);line-height:1.7;text-align:center;max-width:680px;margin:0 auto}.section-divider{display:none}.site-header{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center;padding:clamp(4rem,10vw,7rem) 0 clamp(3rem,8vw,5rem);min-height:70vh;justify-content:center;will-change:transform,opacity;transition:opacity .1s linear}.hero-parallax-wrap{will-change:transform;transition:transform .1s linear}.header-avatar{width:clamp(5rem,12vw,7rem);height:clamp(5rem,12vw,7rem)}.header-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid var(--border);transition:transform .8s var(--ease-apple),box-shadow .8s var(--ease-apple)}.header-avatar img:hover{transform:scale(1.05);box-shadow:var(--shadow-glow)}.header-info{display:flex;flex-direction:column;gap:.75rem;align-items:center;max-width:800px}.header-info h1{font-size:clamp(2.5rem,8vw,5.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.05;color:var(--foreground-heading)}.header-subtitle{font-size:clamp(1.125rem,3vw,1.5rem);font-weight:500;line-height:1.4;letter-spacing:-.01em;color:var(--foreground-muted)}.hero-slogan{font-size:clamp(.9375rem,2vw,1.0625rem);color:var(--foreground-muted);max-width:520px;line-height:1.6}.status-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding-top:.5rem}.status-dot{width:.4375rem;height:.4375rem;border-radius:50%;background-color:var(--status-online);flex-shrink:0}.status-indicator span,.status-indicator p{font-size:.8125rem;font-weight:500;color:var(--foreground-muted);letter-spacing:-.01em}.social-nav{display:flex;align-items:center;justify-content:center;gap:1.25rem;padding-top:1rem}.social-nav a{color:var(--foreground-muted);transition:color .5s var(--ease-apple),transform .5s var(--ease-apple);display:flex;align-items:center}.social-nav a:hover{color:var(--accent);transform:scale(1.12) translateY(-2px)}.social-nav a:active{transform:scale(.95)}.social-nav svg{width:1.375rem;height:1.375rem}.tldr-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 2rem;text-align:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:1rem}.tldr-card p{font-size:.9375rem;color:var(--foreground-muted);line-height:1.7}.tldr-card strong{color:var(--foreground-heading);font-weight:600}.last-updated{text-align:center;font-size:.75rem;color:var(--foreground-muted-dim);padding-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}@media(max-width:540px){.stats-grid{grid-template-columns:1fr;gap:.75rem}}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.5rem;text-align:center;transition:transform .6s var(--ease-apple),border-color .6s var(--ease-apple),box-shadow .6s var(--ease-apple)}.stat-card:hover{transform:scale(1.02) translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.stat-number{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--foreground-heading);display:block}.stat-label{font-size:.8125rem;font-weight:500;color:var(--foreground-muted);margin-top:.5rem;letter-spacing:-.01em}.badge-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);padding:.375rem .875rem;font-size:.8125rem;font-weight:500;background:var(--muted-bg);color:var(--foreground-muted);border:1px solid var(--border);white-space:nowrap;transition:transform .5s var(--ease-apple),border-color .5s var(--ease-apple)}.badge:hover{transform:scale(1.04);border-color:var(--border-hover)}.skills-block{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.skill-category h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--foreground-muted);text-align:center;margin-bottom:1rem}.skill-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.skill-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:500;color:var(--foreground);background:var(--bg-card);border:1px solid var(--border);transition:transform .5s var(--ease-apple),background .5s var(--ease-apple),box-shadow .5s var(--ease-apple)}.skill-pill:hover{transform:scale(1.04) translateY(-2px);background:var(--muted-bg);box-shadow:var(--shadow-sm)}.skill-pill i{font-size:.75rem;color:var(--accent)}.expertise-block{display:none}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.services-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}.service-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;transition:transform .6s var(--ease-apple),border-color .6s var(--ease-apple),box-shadow .6s var(--ease-apple)}.service-card:hover{transform:scale(1.02) translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.service-icon{width:3rem;height:3rem;border-radius:50%;background:#0a84ff1f;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .6s var(--ease-apple),background .6s var(--ease-apple)}.service-card:hover .service-icon{transform:scale(1.1);background:#0a84ff33}.service-icon i{font-size:1.125rem;color:var(--accent)}.service-card span{font-size:.9375rem;font-weight:500;color:var(--foreground-heading);letter-spacing:-.01em}.experience-list{display:flex;flex-direction:column;gap:1.25rem}.experience-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;transition:transform .6s var(--ease-apple),border-color .6s var(--ease-apple),box-shadow .6s var(--ease-apple)}.experience-item:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.exp-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.exp-company{font-size:.8125rem;font-weight:500;color:var(--foreground-muted);letter-spacing:.02em;text-transform:none}.exp-date{font-size:.8125rem;color:var(--foreground-muted);background:transparent;padding:0;border-radius:0}.exp-role{font-size:clamp(1.25rem,3vw,1.5rem);color:var(--foreground-heading);font-weight:600;letter-spacing:-.02em;margin-bottom:.5rem;line-height:1.2}.exp-desc{font-size:.9375rem;color:var(--foreground-muted);line-height:1.7}.exp-techs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.exp-techs span{font-size:.75rem;font-weight:500;padding:.375rem .75rem;border-radius:var(--radius-pill);background:var(--muted-bg);color:var(--foreground-muted);text-transform:none;letter-spacing:-.01em;border:1px solid var(--border)}.projects-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}.project-card{--card-tilt-x: 0deg;--card-tilt-y: 0deg;--card-shift-x: 0px;--card-shift-y: 0px;--card-media-x: 0px;--card-media-y: 0px;--card-scale: 1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transform:perspective(1200px) translate3d(var(--card-shift-x),var(--card-shift-y),0) rotateX(var(--card-tilt-x)) rotateY(var(--card-tilt-y)) scale(var(--card-scale));transform-style:preserve-3d;will-change:transform;transition:transform .16s var(--ease-apple),border-color var(--transition-fast),box-shadow var(--transition-fast);display:flex;flex-direction:column}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);--card-scale: 1.015}.project-visual img,.project-visual-inner{transition:transform 1.4s var(--ease-out-expo)}.project-card:hover .project-visual-inner{transform:scale(1.04)}.project-visual{position:relative;width:100%;min-height:96px;background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--muted-bg) 100%);overflow:hidden}.project-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(10,132,255,.14) 0%,transparent 70%);opacity:.6}.project-visual-media{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff0a,#ffffff05),linear-gradient(135deg,var(--bg-elevated) 0%,var(--muted-bg) 100%);background-size:cover;background-position:center;filter:saturate(1.05);opacity:.75;transition:filter .7s var(--ease-apple),transform .7s var(--ease-apple),opacity .7s var(--ease-apple);transform:translate3d(var(--card-media-x),var(--card-media-y),0) scale(1.02)}.project-visual--streamdoro .project-visual-media{background-image:linear-gradient(180deg,#0508142e,#05081480),url(/assets/streamdoro.png);filter:blur(10px) saturate(1.15) brightness(.72);opacity:.9}.project-visual--faceitoverlay .project-visual-media{background-image:linear-gradient(180deg,#05081447,#0508148f),url(/assets/faceitoverlay.webp);filter:blur(10px) saturate(1.12) brightness(.72);opacity:.9}.project-card:hover .project-visual-media{transform:translate3d(var(--card-media-x),var(--card-media-y),0) scale(1.08);filter:saturate(1.08) brightness(.9)}.project-card:hover .project-visual--streamdoro .project-visual-media{filter:blur(0) saturate(1.08) brightness(.92)}.project-card:hover .project-visual--faceitoverlay .project-visual-media{filter:blur(0) saturate(1.06) brightness(.94)}.project-visual-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0 1rem;font-size:clamp(.85rem,1.4vw,1rem);font-weight:600;letter-spacing:-.01em;color:var(--foreground-heading);z-index:1;text-align:center;word-break:break-word;transform:translate3d(calc(var(--card-media-x) * .22),calc(var(--card-media-y) * .22),0);transition:transform .7s var(--ease-apple)}.project-body{padding:1.1rem 1.15rem 1.25rem;display:flex;flex-direction:column;gap:.55rem}.project-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.25rem}.project-tags span,.project-card>.project-tags{font-size:.75rem;font-weight:500;color:var(--foreground-muted);text-transform:none;letter-spacing:-.01em}.project-card h3{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:600;letter-spacing:-.02em;color:var(--foreground-heading)}.project-card p{font-size:.875rem;color:var(--foreground-muted);line-height:1.55}.project-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.9375rem;font-weight:500;color:var(--accent);margin-top:.5rem;transition:opacity .5s var(--ease-apple),gap .5s var(--ease-apple)}.project-link:hover{opacity:.8;gap:.625rem}.project-badge{display:inline-flex;align-items:center;font-size:.8125rem;font-weight:500;padding:.375rem .875rem;border-radius:var(--radius-pill);background:var(--muted-bg);color:var(--foreground-muted);border:1px solid var(--border);width:fit-content;margin-top:.5rem}.journey-timeline{position:relative;max-width:720px;margin:2rem auto 0;padding:2rem 0}.journey-progress-track{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--border);transform:translate(-50%);border-radius:2px;overflow:hidden}.journey-progress-fill{position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:2px;transition:height .1s linear;box-shadow:0 0 12px var(--accent-glow)}.journey-item{position:relative;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:3rem;width:100%}.journey-item:nth-child(2n){flex-direction:row-reverse}.journey-year{width:calc(50% - 2rem);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.04em;color:var(--foreground-muted-dim);text-align:right;padding-right:1.5rem;padding-top:.25rem;line-height:1;flex-shrink:0}.journey-item:nth-child(2n) .journey-year{text-align:left;padding-right:0;padding-left:1.5rem}.journey-dot{position:absolute;left:50%;top:.5rem;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--accent);transform:translate(-50%);z-index:2;transition:transform .5s var(--ease-apple),box-shadow .5s var(--ease-apple)}.journey-item:hover .journey-dot{transform:translate(-50%) scale(1.3);box-shadow:0 0 0 6px var(--accent-glow)}.journey-dot--pulse{animation:journeyDotPulse 2.5s var(--ease-apple) infinite;border-color:var(--status-online)}@keyframes journeyDotPulse{0%,to{box-shadow:0 0 #30d1584d}50%{box-shadow:0 0 0 10px #30d15800}}.journey-content{position:relative;z-index:1;width:calc(50% - 2rem);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:transform .6s var(--ease-apple),border-color .6s var(--ease-apple),box-shadow .6s var(--ease-apple)}.journey-item:hover .journey-content{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.journey-content h3{font-size:1.125rem;font-weight:600;letter-spacing:-.02em;color:var(--foreground-heading);margin-bottom:.5rem}.journey-content p{font-size:.875rem;color:var(--foreground-muted);line-height:1.65}.journey-item--future .journey-content{border-style:dashed;background:transparent}@media(max-width:640px){.journey-progress-track{left:1rem;transform:none}.journey-item,.journey-item:nth-child(2n){flex-direction:column;padding-left:3rem}.journey-year,.journey-item:nth-child(2n) .journey-year{width:auto;text-align:left;padding:0;margin-bottom:.5rem;font-size:clamp(1.5rem,4vw,2rem)}.journey-dot{left:1rem;top:.25rem}.journey-item:hover .journey-dot{transform:translate(-50%) scale(1.3)}.journey-content,.journey-item:nth-child(2n) .journey-content{width:100%}}.cta-row{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2rem}@media(min-width:640px){.cta-row{flex-direction:row;align-items:center}}.cta-title{font-size:clamp(2.5rem,7vw,4rem);font-weight:600;letter-spacing:-.02em;line-height:1.08;text-align:center;color:var(--foreground-heading)}@media(min-width:640px){.cta-title{text-align:left}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 2rem;height:3.25rem;font-size:.9375rem;font-weight:500;color:#fff;background:var(--accent);border-radius:var(--radius-pill);transition:background .5s var(--ease-apple),transform .4s var(--ease-spring),box-shadow .5s var(--ease-apple);white-space:nowrap;flex-shrink:0;width:100%;position:relative;overflow:hidden}@media(min-width:640px){.btn-primary{width:auto}}.btn-primary:hover{background:var(--accent-hover);transform:scale(1.04) translateY(-2px);box-shadow:0 8px 30px var(--accent-glow),var(--shadow-sm)}.btn-primary:active{transform:scale(.97);box-shadow:none;transition-duration:.1s}.btn-primary-full{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:3.25rem;font-size:.9375rem;font-weight:500;color:#fff;background:var(--accent);border-radius:var(--radius-pill);transition:background .5s var(--ease-apple),transform .4s var(--ease-spring),box-shadow .5s var(--ease-apple);position:relative;overflow:hidden}.btn-primary-full:hover{background:var(--accent-hover);transform:scale(1.02) translateY(-2px);box-shadow:0 8px 30px var(--accent-glow),var(--shadow-sm)}.btn-primary-full:active{transform:scale(.97);box-shadow:none;transition-duration:.1s}.btn-outline{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:0 1.25rem;height:3rem;flex:1;font-size:.875rem;font-weight:500;color:var(--foreground);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-pill);transition:all .5s var(--ease-apple);position:relative;overflow:hidden}.btn-outline:hover{background:var(--muted-bg);transform:scale(1.03) translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.btn-outline:active{transform:scale(.97);transition-duration:.1s}.btn-outline i{font-size:1rem;transition:transform .5s var(--ease-apple)}.btn-outline:hover i{transform:scale(1.15)}.btn-row{display:flex;gap:.75rem}.btn-outline.btn-github:hover{background:var(--muted-bg);border-color:#fff6;box-shadow:0 0 25px #ffffff1f,var(--shadow-sm)}[data-theme=light] .btn-outline.btn-github:hover{border-color:#00000059;box-shadow:0 0 25px #00000014,var(--shadow-sm)}.btn-outline.btn-linkedin:hover{background:var(--muted-bg);border-color:#0077b5;box-shadow:0 0 25px #0077b540,var(--shadow-sm)}.btn-outline.btn-linkedin:hover i{color:#0077b5}.btn-outline.btn-youtube:hover{background:var(--muted-bg);border-color:red;box-shadow:0 0 25px #ff000040,var(--shadow-sm)}.btn-outline.btn-youtube:hover i{color:red}.btn-outline.btn-instagram:hover{background:var(--muted-bg);border-color:#e1306c;box-shadow:0 0 25px #e1306c40,var(--shadow-sm)}.btn-outline.btn-instagram:hover i{color:#e1306c}.video-embed{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border);transition:transform .6s var(--ease-apple),box-shadow .6s var(--ease-apple)}.video-embed:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.video-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.stream-showcase{display:flex;flex-direction:column;gap:1.5rem;align-items:stretch;margin-top:1rem;width:100%}@media(min-width:868px){.stream-showcase{flex-direction:row;align-items:center;gap:2rem}.stream-video-col{flex:1.3;min-width:0}.stream-info-col{flex:1;min-width:0}}.stream-channel-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;height:100%;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.channel-card-header{display:flex;align-items:center;gap:.875rem}.channel-avatar{width:3rem;height:3rem;flex-shrink:0}.channel-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:1px solid var(--border)}.channel-meta{display:flex;flex-direction:column}.channel-name{font-size:1.0625rem;font-weight:600;color:var(--foreground-heading)}.channel-handle{font-size:.75rem;color:var(--foreground-muted)}.channel-desc{font-size:.875rem;color:var(--foreground-muted);line-height:1.6}.channel-features{display:flex;flex-direction:column;gap:.625rem;list-style:none;padding:0}.channel-features li{display:flex;align-items:center;font-size:.8125rem;color:var(--foreground-muted);gap:.5rem}.widgets-row{display:flex;flex-direction:column;gap:1.25rem}@media(min-width:640px){.widgets-row{flex-direction:row}}.widget-box{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .6s var(--ease-apple),border-color .6s var(--ease-apple)}.widget-box:hover{transform:translateY(-4px);border-color:var(--border-hover)}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.widget-brand{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;color:var(--foreground-muted)}.widget-brand i{font-size:1rem}.widget-header a{color:var(--foreground-muted);transition:color .5s var(--ease-apple)}.widget-header a:hover{color:var(--accent)}.widget-content{padding:.25rem 0}.spotify-row,.github-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;transition:background .5s var(--ease-apple);color:inherit}.spotify-row:hover,.github-row:hover{background:var(--muted-bg)}.spotify-row-art,.github-row-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--muted-bg)}.github-row-icon{display:flex;align-items:center;justify-content:center}.spotify-row-art img{width:100%;height:100%;object-fit:cover}.spotify-row-info,.github-row-info{flex:1;min-width:0}.spotify-row-name,.github-row-name{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--foreground-heading)}.spotify-row-artist,.github-row-desc{font-size:.8125rem;color:var(--foreground-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.github-row-icon i{font-size:.875rem;color:var(--foreground-muted)}.widget-empty{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:var(--foreground-muted);font-size:.8125rem}.skeleton-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem}.skeleton-circle{width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);background:var(--muted-bg);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-info{flex:1;display:flex;flex-direction:column;gap:.375rem}.skeleton-line{height:.625rem;border-radius:4px;background:var(--muted-bg);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-title{width:60%}.skeleton-artist{width:40%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.gallery-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}}.gallery-item{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:1;background:var(--bg-elevated);border:1px solid var(--border);transition:transform .6s var(--ease-apple),box-shadow .6s var(--ease-apple)}.gallery-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease-out-expo)}.gallery-item:hover img{transform:scale(1.08)}.gallery-caption{position:absolute;bottom:0;left:0;right:0;padding:1rem .875rem .75rem;background:linear-gradient(transparent,#000000bf);font-size:.6875rem;font-weight:500;color:#f5f5f7;letter-spacing:.04em;text-transform:uppercase}.contact-form{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto;width:100%}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-group input,.form-group textarea{width:100%;padding:1rem 1.125rem;font-family:var(--font);font-size:.9375rem;color:var(--foreground);background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color .5s var(--ease-apple),box-shadow .5s var(--ease-apple)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group textarea{min-height:140px;resize:vertical}.form-group label{position:static;font-size:.75rem;font-weight:600;letter-spacing:.03em;color:var(--foreground-muted);pointer-events:none;transition:color .5s var(--ease-apple)}.form-group:focus-within label{color:var(--accent)}#form-status{text-align:center;font-size:.875rem;min-height:1.25rem}#contact-form-area{width:100%}.site-footer{padding:var(--section-padding) 0 2rem;border-top:1px solid var(--border);text-align:center;display:flex;flex-direction:column;gap:1.25rem}.footer-quote{font-size:.9375rem;color:var(--foreground-muted)}.footer-copyright{font-size:.75rem;color:var(--foreground-muted-dim)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.footer-links a{font-size:.75rem;font-weight:500;color:var(--foreground-muted);transition:color .5s var(--ease-apple);letter-spacing:-.01em}.footer-links a:hover{color:var(--accent)}.discord-card{position:fixed;bottom:1.25rem;right:1.25rem;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.125rem;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);z-index:90;color:var(--foreground);transition:transform .6s var(--ease-apple),border-color .6s var(--ease-apple),box-shadow .6s var(--ease-apple),background .6s var(--ease-apple);max-width:280px;will-change:transform,box-shadow,border-color}.discord-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.discord-card.is-spotify{border-color:#30d1588c;background:linear-gradient(180deg,#0a0a0ceb,#08080adb);box-shadow:0 0 0 1px #30d1581f inset,0 0 0 1px #30d1581f,0 8px 28px #30d15826,var(--shadow-lg);animation:discordGlow 6.5s var(--ease-apple) infinite,discordFloat 8s ease-in-out infinite}.discord-card.is-spotify .d-avatar-wrapper img{animation:discordAvatarPulse 5.5s var(--ease-apple) infinite}.discord-card.is-spotify #d-status-indicator{box-shadow:0 0 #30d15859;animation:statusPulse 4.2s var(--ease-apple) infinite}.discord-card.is-spotify #spotify-wave .bar{animation-duration:1.8s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.d-avatar-wrapper{position:relative;flex-shrink:0}.d-avatar-wrapper img{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover}.d-status-dot{position:absolute;bottom:-1px;right:-1px;width:.75rem;height:.75rem;border-radius:50%;border:2px solid var(--bg)}.d-status-dot.online{background:var(--status-online)}.d-status-dot.idle{background:var(--status-idle)}.d-status-dot.dnd{background:var(--status-dnd)}.d-status-dot.offline{background:var(--status-offline)}.d-info{min-width:0;flex:1}.d-header{display:flex;align-items:center;gap:.375rem}#d-username{font-size:.8125rem;font-weight:600;white-space:nowrap}.d-badges{display:flex;align-items:center;gap:.25rem}.d-badges i{font-size:.625rem}.d-custom-status{font-size:.6875rem;color:var(--foreground-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-custom-status.hidden{display:none}.d-activity{display:flex;align-items:center;gap:.375rem}#d-activity-text{font-size:.6875rem;color:var(--foreground-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#spotify-wave{display:flex;align-items:flex-end;gap:1px;height:12px}#spotify-wave.hidden{display:none}#spotify-wave .bar{width:2px;background:var(--accent);border-radius:1px;transform-origin:bottom;animation:wave 1.8s cubic-bezier(.22,1,.36,1) infinite alternate;will-change:transform,opacity}#spotify-wave .bar:nth-child(1){height:4px;animation-delay:0s}#spotify-wave .bar:nth-child(2){height:8px;animation-delay:.15s}#spotify-wave .bar:nth-child(3){height:6px;animation-delay:.3s}#spotify-wave .bar:nth-child(4){height:10px;animation-delay:.45s}@keyframes wave{0%{transform:scaleY(.6);opacity:.68}to{transform:scaleY(1.2);opacity:1}}@keyframes discordGlow{0%,to{box-shadow:0 0 0 1px #30d1581f inset,0 0 0 1px #30d1581f,0 8px 28px #30d15826,var(--shadow-lg);transform:translateY(0)}50%{box-shadow:0 0 0 1px #30d15833 inset,0 0 0 1px #30d15838,0 10px 34px #30d1583d,var(--shadow-lg);transform:translateY(-1px)}}@keyframes discordFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes discordAvatarPulse{0%,to{transform:scale(1);filter:saturate(1) brightness(1)}50%{transform:scale(1.02);filter:saturate(1.05) brightness(1.03)}}@keyframes statusPulse{0%,to{box-shadow:0 0 #30d1582e}50%{box-shadow:0 0 0 8px #30d15800}}.reveal{opacity:0;transform:translate3d(0,30px,0);transition:opacity 1.6s var(--ease-out-expo),transform 1.6s var(--ease-out-expo);will-change:transform,opacity}.reveal.active{opacity:1;transform:translateZ(0)}.reveal-stagger>*{opacity:0;transform:translate3d(0,20px,0);transition:opacity 1.2s var(--ease-out-expo),transform 1.2s var(--ease-out-expo);will-change:transform,opacity}.reveal-stagger.active>*:nth-child(1){transition-delay:0ms;opacity:1;transform:translateZ(0)}.reveal-stagger.active>*:nth-child(2){transition-delay:.12s;opacity:1;transform:translateZ(0)}.reveal-stagger.active>*:nth-child(3){transition-delay:.24s;opacity:1;transform:translateZ(0)}.reveal-stagger.active>*:nth-child(4){transition-delay:.36s;opacity:1;transform:translateZ(0)}.reveal-stagger.active>*:nth-child(5){transition-delay:.48s;opacity:1;transform:translateZ(0)}.reveal-stagger.active>*:nth-child(6){transition-delay:.6s;opacity:1;transform:translateZ(0)}.reveal-journey{opacity:0;transform:translate3d(0,40px,0) scale(.96);transition:opacity 1.4s var(--ease-out-expo),transform 1.4s var(--ease-out-expo);will-change:transform,opacity}.reveal-journey.active{opacity:1;transform:translateZ(0) scale(1)}.parallax-section{will-change:transform}.journey-header-area{padding:clamp(3rem,8vw,5rem) 0 2rem;text-align:center;max-width:680px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.journey-back-link{font-size:.875rem;font-weight:500;color:var(--foreground-muted);transition:color .5s var(--ease-apple),transform .5s var(--ease-apple);display:inline-flex;align-items:center}.journey-back-link:hover{color:var(--accent);transform:translate(-4px)}.hidden{display:none!important}.text-accent{color:var(--accent)}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--foreground-muted)}.site-controls{display:none}@media(max-width:480px){.cta-title{font-size:2rem}.btn-primary{height:3rem;font-size:.875rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.discord-card{bottom:.75rem;right:.75rem;left:.75rem;max-width:none}.projects-list{grid-template-columns:1fr}.project-body{padding:1rem 1rem 1.1rem}.experience-item{padding:1.5rem}}@media(max-width:900px){.projects-list{grid-template-columns:1fr}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}