*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body,html{width:100%;height:100%;overflow:hidden;background:#1c1c1e;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none}@media (hover:hover) and (pointer:fine){body,html{perspective:1000px}}#pre-click-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#2c2c2e 0,#1c1c1e 100%);z-index:9999;transition:opacity 1.5s cubic-bezier(.16, 1, .3, 1),transform 1.5s cubic-bezier(.16, 1, .3, 1)}#pre-click-screen.implode{opacity:0;transform:scale(1.1);pointer-events:none}.magnetic-area{position:relative;width:80vw;height:80vh;max-width:400px;max-height:400px;display:flex;align-items:center;justify-content:center}.orb-container{position:relative;display:flex;align-items:center;justify-content:center;width:280px;height:280px;cursor:pointer;transition:transform .1s linear;transform-style:preserve-3d}#pre-click-screen.implode .orb-container{transition:transform 1s cubic-bezier(.16, 1, .3, 1);transform:scale(.01)!important}.orb-glow{position:absolute;width:140%;height:140%;background:radial-gradient(circle,rgba(255,255,255,.05) 0,transparent 60%);animation:pulseGlow 4s infinite ease-in-out;pointer-events:none;transform:translateZ(-20px)}.orb-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle,rgba(255,255,255,.03) 0,transparent 80%);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 30px 60px rgba(0,0,0,.8),inset 0 2px 4px rgba(255,255,255,.15);transition:box-shadow .4s ease,border-color .4s ease;transform:translateZ(0)}.apple-button{position:relative;z-index:10;font-size:18px;font-weight:300;letter-spacing:.05em;color:rgba(255,255,255,.7);background:0 0;border:none;cursor:pointer;transition:color .4s ease,letter-spacing .4s ease;transform:translateZ(30px);text-transform:uppercase}@media (hover:hover) and (pointer:fine){.magnetic-area:hover .orb-ring{border-color:rgba(255,255,255,.3);box-shadow:0 40px 80px rgba(255,255,255,.05),0 30px 70px rgba(0,0,0,.9),inset 0 2px 6px rgba(255,255,255,.3)}.magnetic-area:hover .apple-button{color:#fff;letter-spacing:.1em}}.magnetic-area:active .orb-container{transform:scale(.92)!important}@keyframes pulseGlow{0%,100%{transform:translateZ(-20px) scale(.95);opacity:.6}50%{transform:translateZ(-20px) scale(1.05);opacity:1}}#main-content{display:block;width:100%;height:100%;position:relative;opacity:0;transition:opacity 2.5s cubic-bezier(.16, 1, .3, 1);transform-origin:center center}#main-content.visible{opacity:1}.video-container{position:absolute;inset:-5%;z-index:1;overflow:hidden}video{width:100%;height:100%;object-fit:cover;filter:blur(50px) brightness(.25) contrast(1.2) saturate(1.2);transform:scale(1.1);transition:filter .8s cubic-bezier(.16, 1, .3, 1);-webkit-user-drag:none;user-drag:none;pointer-events:none}video.shockwave{filter:blur(0px) brightness(.8) contrast(1.4) saturate(1.5);transition:filter .1s ease-out}@media (max-width:768px){video{filter:blur(18px) brightness(.25) contrast(1.2) saturate(1.2)}}#bg-dust-canvas{position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:screen}#particle-canvas{position:absolute;inset:0;z-index:4;pointer-events:none;mix-blend-mode:screen}.ambient-overlay{position:absolute;inset:0;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(255,255,255,.08),transparent 50%);z-index:3;pointer-events:none}#logo-wrapper{position:absolute;width:160px;height:160px;will-change:left,top,transform;z-index:50;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease}#logo-wrapper.size-guard-hidden{opacity:0;pointer-events:none}#size-warning{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;pointer-events:none;opacity:0;transition:opacity .4s ease}#size-warning.visible{opacity:1}#size-warning span{background:rgba(20,20,20,.6);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:rgba(255,255,255,.85);font-size:13px;font-weight:500;letter-spacing:.03em;padding:14px 26px;border-radius:980px;box-shadow:0 10px 30px rgba(0,0,0,.5)}#logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 60px rgba(0,0,0,.8));will-change:transform,filter;-webkit-user-drag:none;user-drag:none;pointer-events:none}.bottom-hub{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:20px;pointer-events:none}.audio-visualizer{display:flex;align-items:flex-end;gap:5px;height:30px}.bar{width:3px;height:4px;background:rgba(255,255,255,.2);border-radius:4px;transition:height .2s ease-in-out,background-color .4s ease}.counter-dock{font-size:10px;font-weight:700;letter-spacing:.2em;color:rgba(255,255,255,.35);background:rgba(20,20,20,.4);border:1px solid rgba(255,255,255,.04);padding:8px 24px;border-radius:980px;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.05);transition:all .5s cubic-bezier(.16, 1, .3, 1);text-transform:uppercase}.counter-dock.corner-flash{color:#fff;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.8);box-shadow:0 0 50px rgba(255,255,255,.4),inset 0 0 10px rgba(255,255,255,.8);transform:scale(1.15)}@media (max-width:768px){.orb-container{width:200px;height:200px}.apple-button{font-size:15px}#logo-wrapper{width:100px;height:100px}.bottom-hub{bottom:25px;gap:12px}.counter-dock{font-size:9px;padding:6px 18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.orb-ring{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}}@supports not (backdrop-filter:blur(1px)){#size-warning span,.counter-dock,.orb-ring{background:rgba(20,20,20,.85)}}