:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--accent: #6366f1;--accent-glow: rgba(99, 102, 241, .3);--text-primary: #f0f0f5;--border: rgba(255, 255, 255, .08)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Outfit,sans-serif;background:var(--bg-primary);color:var(--text-primary);height:100vh;overflow:hidden;background-image:radial-gradient(ellipse at top,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(236,72,153,.05) 0%,transparent 50%)}#app{width:100%;height:100%;padding:1rem}.container{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem}header{text-align:center;flex-shrink:0;animation:fadeIn .6s ease-out}h1{font-size:1.5rem;font-weight:600;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.embed-wrapper{flex:1;min-height:0;animation:slideUp .7s ease-out .15s both}.iframe-container{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border);box-shadow:0 0 0 1px #ffffff08 inset,0 25px 50px -12px #00000080,0 0 80px var(--accent-glow)}.iframe-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}iframe{width:100%;height:100%;border:none;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}