@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}.container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;position:relative;padding:20px;perspective:1000px}.stars-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.nebula{position:absolute;border-radius:50%;filter:blur(60px);opacity:.1;z-index:1}.nebula-1{width:384px;height:384px;background:#3b82f6;top:80px;left:80px;animation:nebula1 8s ease-in-out infinite}.nebula-2{width:384px;height:384px;background:#22c55e;bottom:80px;right:80px;animation:nebula2 10s ease-in-out infinite}@keyframes nebula1{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.2) translate(50px,30px)}}@keyframes nebula2{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.3) translate(-50px,-30px)}}.iphone-frame{position:relative;z-index:10;width:390px;height:844px;background:linear-gradient(to bottom,#1f2937,#111827);border-radius:60px;padding:12px;box-shadow:0 20px 60px #000c;animation:slideIn 1s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.iphone-border{width:100%;height:100%;background:#000;border-radius:50px;overflow:hidden;display:flex;flex-direction:column;position:relative}.dynamic-island{position:absolute;top:24px;left:50%;transform:translate(-50%);width:126px;height:37px;background:#000;border-radius:50%;z-index:20}.iphone-screen{flex:1;background:#000;display:flex;flex-direction:column;position:relative;overflow:hidden;perspective:1000px}.screen-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;position:relative;z-index:5;gap:16px;perspective:1000px}.earth-globe{filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}.hello-card{position:relative;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000004d;animation:cardGlow 2s ease-in-out infinite}@keyframes cardGlow{0%,to{box-shadow:0 8px 32px #0000004d,0 0 10px #18ffff33}50%{box-shadow:0 8px 32px #0000004d,0 0 20px #18ffff66}}.hello-text{font-size:24px;font-weight:600;text-align:center;white-space:nowrap;font-family:JetBrains Mono,Courier New,monospace;color:#18ffff;text-shadow:0 0 10px rgba(24,255,255,.4),0 0 20px rgba(24,255,255,.2);letter-spacing:1px}.iphone-footer{background:#000;border-top:1px solid rgba(255,255,255,.1);padding:12px 16px;text-align:center;position:relative;z-index:5}.footer-content{font-family:JetBrains Mono,Courier New,monospace;font-size:11px;color:#9ca3af;line-height:1.4}.footer-content p{margin:0}.made-with{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:4px;font-family:JetBrains Mono,Courier New,monospace}.heart{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;animation:heartbeat 1.2s ease-in-out infinite}.heart svg{width:100%;height:100%;fill:red;filter:drop-shadow(0 0 2px rgba(255,0,0,.5))}@keyframes heartbeat{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1)}}@media(max-width:768px){.iphone-frame{width:100%;max-width:390px}}