@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap);:root{--primary:#f59e0b;--primary-dark:#d97706;--bg-dark:#0f172a;--glass:rgba(255, 255, 255, 0.03);--glass-border:rgba(255, 255, 255, 0.1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background-color:var(--bg-dark);color:#fff;min-height:100vh;overflow-x:hidden}.bg-mesh{position:fixed;inset:0;z-index:-1;background:radial-gradient(at 0 0,rgba(245,158,11,.15) 0,transparent 50%),radial-gradient(at 100% 0,rgba(139,92,246,.15) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(245,158,11,.15) 0,transparent 50%),radial-gradient(at 0 100%,rgba(139,92,246,.15) 0,transparent 50%)}.glass-panel{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px}.premium-gradient{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%)}.btn-hover{transition:.3s cubic-bezier(.4,0,.2,1)}.btn-hover:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(245,158,11,.5)}.btn-hover:active{transform:translateY(0)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.camera-container{aspect-ratio:4/3;width:100%;max-width:400px;margin:0 auto;border-radius:24px;overflow:hidden;position:relative;background:#000;border:2px solid var(--glass-border)}.camera-video{width:100%;height:100%;object-fit:cover}.camera-overlay{position:absolute;inset:0;border:2px solid rgba(245,158,11,.5);border-radius:24px;pointer-events:none}