body{margin:0;font-family:Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,#0f1419,#1a1f2e,#0d0f14);background-attachment:fixed;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(52,152,219,.08) 0%,transparent 15%),radial-gradient(circle at 90% 80%,rgba(46,204,113,.08) 0%,transparent 15%),radial-gradient(circle at 5% 85%,rgba(155,89,182,.06) 0%,transparent 12%),radial-gradient(circle at 95% 15%,rgba(230,126,34,.06) 0%,transparent 12%),linear-gradient(90deg,transparent 48%,rgba(52,152,219,.05) 49%,rgba(52,152,219,.05) 51%,transparent 52%),linear-gradient(0deg,transparent 48%,rgba(46,204,113,.05) 49%,rgba(46,204,113,.05) 51%,transparent 52%);background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;background-position:0 0,0 0,0 0,0 0,0 0,0 0;pointer-events:none;z-index:1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080"><defs><filter id="blur"><feGaussianBlur in="SourceGraphic" stdDeviation="1.5"/></filter></defs><g opacity="0.04"><circle cx="200" cy="150" r="40" fill="%23ffffff" filter="url(%23blur)"/><circle cx="1750" cy="950" r="50" fill="%233498db" filter="url(%23blur)"/><circle cx="100" cy="900" r="35" fill="%232ecc71" filter="url(%23blur)"/><circle cx="1850" cy="100" r="45" fill="%23e74c3c" filter="url(%23blur)"/></g><g opacity="0.03" stroke="%23ffffff" stroke-width="0.5" fill="none"><path d="M 50 50 L 1870 1030"/><path d="M 1870 50 L 50 1030"/><path d="M 100 0 L 100 1080" stroke-dasharray="20,10"/><path d="M 500 0 L 500 1080" stroke-dasharray="20,10"/><path d="M 900 0 L 900 1080" stroke-dasharray="20,10"/><path d="M 1300 0 L 1300 1080" stroke-dasharray="20,10"/><path d="M 1700 0 L 1700 1080" stroke-dasharray="20,10"/></g></svg>');background-size:cover;background-position:center;background-attachment:fixed;pointer-events:none;z-index:1}.container{max-width:430px;margin:2rem auto;background:linear-gradient(145deg,#283246f2,#1e283cfa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 8px 32px #0009,0 0 60px #3498db33,inset 0 1px #ffffff1a;padding:2rem 1.5rem;position:relative;z-index:2;border:1px solid rgba(52,152,219,.25)}h1{font-size:1.6rem;text-align:center;margin-bottom:1.5rem;color:#fff;letter-spacing:1px;font-family:Montserrat,sans-serif;font-weight:700}h2,h3{font-family:Montserrat,sans-serif;font-weight:600;letter-spacing:.5px;color:#fff}.appointment-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.appointment-form input,.appointment-form select,.appointment-form button{padding:.75rem;border-radius:8px;border:1px solid #2c3e50;font-size:1rem;transition:all .3s ease}.appointment-form input,.appointment-form select{background:#455a64;color:#ecf0f1}.appointment-form input::placeholder{color:#b0bec5}.appointment-form input:focus,.appointment-form select:focus{outline:none;border-color:#3498db;background:#546e7a;color:#fff}.appointment-form button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:1px solid rgba(52,152,219,.5);cursor:pointer;transition:all .3s ease;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 15px #3498db4d,inset 0 1px #fff3;position:relative}.appointment-form button:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#1f618d);box-shadow:0 6px 25px #3498db80,inset 0 1px #ffffff4d;transform:translateY(-2px)}.appointment-form button:disabled{opacity:.5;cursor:not-allowed}.appointments ul{list-style:none;padding:0}.appointments li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #455a64;font-size:1rem;color:#ecf0f1}.appointments button{background:#e74c3c;color:#fff;border:none;border-radius:4px;padding:.4rem .8rem;cursor:pointer;font-size:.9rem}@media(max-width:500px){.container{padding:1rem;max-width:98vw;margin:1rem auto;border-radius:8px}h1{font-size:1.2rem;margin-bottom:1rem}h2,h3{font-size:1.1rem}.appointment-form{gap:.8rem}.appointment-form input,.appointment-form select,.appointment-form button{padding:.65rem;font-size:16px;border-radius:6px}}