body{color:#fff;background-color:#0a0e0c;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#ffd7001f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:fixed;top:-150px;left:-150px}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#ffd7001a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:fixed;bottom:-150px;right:-150px}.app-container{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");width:100%;min-height:100vh}body{color:#fff;text-align:center;background-color:#1a2421;font-family:Arial,sans-serif}input{color:#fff;background:#2c3e38;border:1px solid gold;border-radius:5px;width:100%;max-width:300px;margin:10px 0;padding:10px}button{color:#000;cursor:pointer;background:gold;border:none;border-radius:5px;margin-top:10px;padding:10px 20px;font-weight:700}button:hover{background:#ffca28}.card{background:#2c3e38;border:2px solid gold;border-radius:10px;max-width:400px;margin:20px auto;padding:20px}