*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #050508;--bg-alt: #0a0a10;--pink: #FF1493;--pink-light: #FF5BB5;--pink-dark: #B50060;--purple: #8A2BE2;--purple-light: #B060FF;--purple-dark: #5B00B5;--glass: rgba(20, 20, 25, .55);--glass-border: rgba(255, 255, 255, .07);--glass-border-pink: rgba(255, 20, 147, .3);--glass-border-purple: rgba(138, 43, 226, .3);--text-primary: #FFFFFF;--text-secondary: #999999;--text-muted: #555555;--error: #FF4D4D;--success: #4DFF91;--font-heading: "Montserrat", sans-serif;--font-body: "DM Sans", sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{min-height:100vh;position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0a0a10}::-webkit-scrollbar-thumb{background:var(--purple-dark);border-radius:2px}::selection{background:#ff149340;color:#fff}.glass{background:var(--glass);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--glass-border);border-radius:16px}.btn-primary{background:linear-gradient(135deg,#ff1493,#8a2be2);color:#fff;font-family:var(--font-body);font-weight:700;font-size:.9rem;letter-spacing:.08em;padding:14px 32px;border:none;border-radius:10px;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;text-transform:uppercase}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 60%);opacity:0;transition:opacity .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ff149366,0 4px 15px #8a2be24d}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-outline{background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-weight:600;font-size:.9rem;letter-spacing:.06em;padding:14px 32px;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.btn-outline:hover{border-color:#ff149366;color:#fff;background:#ff14930d}.float-input{position:relative;margin-bottom:28px}.float-input input,.float-input textarea{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.1);color:var(--text-primary);font-family:var(--font-body);font-size:1rem;padding:12px 0 10px;outline:none;transition:border-color .3s ease;resize:none}.float-input textarea{min-height:80px}.float-input label{position:absolute;top:12px;left:0;color:var(--text-secondary);font-family:var(--font-body);font-size:.9rem;pointer-events:none;transition:all .25s ease}.float-input input:focus~label,.float-input input:not(:placeholder-shown)~label,.float-input textarea:focus~label,.float-input textarea:not(:placeholder-shown)~label{top:-14px;font-size:.7rem;color:var(--pink);letter-spacing:.1em;text-transform:uppercase}.float-input input:focus,.float-input textarea:focus{border-color:var(--pink)}.float-input .focus-line{position:absolute;bottom:0;left:0;width:0;height:1px;background:linear-gradient(90deg,var(--pink),var(--purple));transition:width .35s ease}.float-input input:focus~.focus-line,.float-input textarea:focus~.focus-line{width:100%}.glow-pink{box-shadow:0 0 20px #ff149333,0 0 60px #ff14930f}.glow-purple{box-shadow:0 0 20px #8a2be233,0 0 60px #8a2be20f}.glow-neon{box-shadow:0 0 25px #ff149333,0 0 50px #8a2be226}.section-number{font-family:var(--font-heading);font-size:clamp(2rem,6vw,4rem);font-weight:900;letter-spacing:.05em;line-height:1;background:linear-gradient(135deg,#ff1493,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title{font-family:var(--font-heading);font-size:clamp(1.2rem,4vw,2.2rem);font-weight:900;letter-spacing:.1em;color:#fff;text-transform:uppercase}@keyframes pulse-neon{0%,to{box-shadow:0 0 8px #ff14934d}50%{box-shadow:0 0 22px #ff1493b3,0 0 40px #8a2be266}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.glass{border-radius:12px}}
