:root{--base-atmosphere: #05190e;--bg-darker: #020805;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .5);--glass-bg: rgba(255, 255, 255, .015);--glass-border: rgba(255, 255, 255, .05);--glass-highlight: rgba(255, 255, 255, .1);--transition-smooth: .5s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-darker);background-image:radial-gradient(ellipse at 50% -10%,var(--base-atmosphere) 0%,transparent 70%),radial-gradient(ellipse at 50% 110%,rgba(5,25,14,.6) 0%,transparent 100%);color:var(--text-primary);font-family:Outfit,sans-serif;min-height:100vh;display:flex;justify-content:center;position:relative;overflow-x:hidden}.noise-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;opacity:.025;background-image:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.7" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)"/%3E%3C/svg%3E')}.app-container{position:relative;z-index:1;width:100%;max-width:480px;padding:8vh 24px 6vh;display:flex;flex-direction:column;min-height:100vh}.animate-fade-in{opacity:0;transform:translateY(15px);animation:fadeInUp 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--anim-delay, 0s)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px) scale(.98);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.header{text-align:center;margin-bottom:7vh}.logo{display:inline-flex;justify-content:center;align-items:center;margin:0 auto 5vh;padding:5px 15px;border-radius:10px;background:linear-gradient(135deg,#ffffff08,#fff0);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);box-shadow:0 15px 35px #00000080,0 0 20px #ffffff0d,inset 0 1px #ffffff14}.logo-img{height:160px;width:auto;animation:smoothLogoScale 2s cubic-bezier(.16,1,.3,1) forwards}@keyframes smoothLogoScale{0%{transform:scale(.92);opacity:.8}to{transform:scale(1);opacity:1}}.title{font-size:1.8rem;font-weight:200;letter-spacing:.03em;margin-bottom:8px;background:linear-gradient(to bottom,#fff,#fff9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.actions{display:flex;flex-direction:column;gap:20px;margin-bottom:8vh}.card{text-decoration:none;background:linear-gradient(160deg,#1e232099,#0a0f0c66) padding-box,linear-gradient(135deg,#d2b98c40,#ffffff08,#d2b98c1a) border-box;border:1px solid transparent;border-radius:20px;padding:32px 28px;transition:all .5s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #00000080,inset 0 1px 2px #ffffff0d;position:relative;overflow:hidden;cursor:pointer}.card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 25px 50px #000000b3,0 0 25px #d2b98c26,inset 0 1px 2px #ffffff26}.card:active{transform:translateY(2px) scale(.98);background:linear-gradient(160deg,#141916b3,#050a0880) padding-box,linear-gradient(135deg,#d2b98c66,#ffffff0d,#d2b98c33) border-box;transition:all .1s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px #0006,0 0 15px #d2b98c4d,inset 0 1px 3px #ffffff0d}.primary-card{background:linear-gradient(160deg,#232d28bf,#0f141280) padding-box,linear-gradient(135deg,#f0cd9666,#ffffff1a,#dcc3964d) border-box;box-shadow:0 20px 40px #0009,0 0 45px #d2b98c33,inset 0 1px 2px #f0cd9633;padding:24px 20px}.primary-card:hover{background:linear-gradient(160deg,#28322dcc,#14191799) padding-box,linear-gradient(135deg,#fadca099,#ffffff26,#e6cda066) border-box;box-shadow:0 30px 60px #000000b3,0 0 65px #dcc3964d,inset 0 1px 2px #f0cd964d}.card-content h2,.card-content h4{font-size:1.4rem;font-weight:300;color:#fffffff2;margin-bottom:6px;letter-spacing:.01em}.primary-card h2{font-size:1.2rem;font-weight:400;color:#fff}.card-content p{font-size:.95rem;font-weight:300;color:var(--text-secondary);letter-spacing:.02em}.disabled-card{background:linear-gradient(160deg,#0f0f0f66,#05050533) padding-box,linear-gradient(135deg,#ffffff0d,#ffffff03) border-box;opacity:.45;filter:grayscale(1);box-shadow:0 10px 20px #0003}.disabled-card:hover{transform:none;box-shadow:0 10px 20px #0003;cursor:default}.lab{margin-top:auto;border-top:1px solid rgba(255,255,255,.04);padding-top:5vh}.lab-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.3em;font-weight:400;color:#ffffff40;margin-bottom:24px}.lab-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 400px){.lab-actions{grid-template-columns:1fr}}.lab-card{text-decoration:none;display:block;padding:24px 20px;border-radius:16px;background:linear-gradient(160deg,#ffffff0d,#ffffff04);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 20px #0000004d,inset 0 1px 1px #ffffff14;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;cursor:pointer}.lab-card:hover{background:linear-gradient(160deg,#ffffff14,#ffffff08);border-color:#ffffff26;transform:translateY(-3px) scale(1.01);box-shadow:0 15px 30px #0006,0 0 15px #ffffff08,inset 0 1px 2px #ffffff26}.lab-card:active{transform:translateY(1px) scale(.99);background:linear-gradient(160deg,#ffffff0a,#ffffff03);transition:all .1s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 15px #0003,inset 0 1px 3px #ffffff0d}.lab-card h4{font-size:1.05rem;font-weight:300;color:#fffffff2;margin-bottom:4px;letter-spacing:.01em}.lab-card p{font-size:.85rem;font-weight:300;color:#fff9;letter-spacing:.02em}.embed-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background:#020805d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.16,1,.3,1)}.embed-modal.active{opacity:1;pointer-events:auto}.embed-close{position:absolute;top:20px;right:20px;background:#fff;color:#000;border:none;width:40px;height:40px;border-radius:50%;font-size:1.2rem;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:101;box-shadow:0 4px 15px #00000080;transition:all .3s ease}.embed-close:hover{transform:scale(1.1);background:#e0e0e0}.embed-content{width:90%;max-width:1200px;height:80vh;border-radius:20px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px #000c;transform:translateY(20px) scale(.98);transition:transform .5s cubic-bezier(.16,1,.3,1)}.embed-modal.active .embed-content{transform:translateY(0) scale(1)}.embed-content iframe{width:100%;height:100%;border:none}