.registration-form{background:transparent;padding:0;position:relative;z-index:2}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-dark);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.required{color:#e74c3c}.optional{color:var(--text-gray);font-weight:400;font-size:12px;text-transform:none;letter-spacing:normal}.form-group input{width:100%;padding:16px 20px;border:2px solid #e8e8e8;border-radius:12px;font-size:16px;transition:var(--transition);background:#fafafa}.form-group input:focus{outline:none;border-color:var(--primary-olive);box-shadow:0 0 0 4px #6b70501a;background:var(--bg-white)}.form-group input.error{border-color:#e74c3c}.form-group input:disabled{background:var(--bg-light);cursor:not-allowed;opacity:.7}.error-message{display:block;color:#e74c3c;font-size:13px;margin-top:6px;font-weight:500}.submit-error{text-align:center;padding:12px;background:#fee;border-radius:6px;margin-bottom:16px}.submit-btn{width:100%;padding:18px 32px;background:var(--bg-gradient);color:var(--text-light);font-size:16px;font-weight:700;border-radius:12px;text-transform:uppercase;letter-spacing:1px;transition:var(--transition);box-shadow:0 4px 20px #6b70504d;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:32px;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-btn:hover:not(:disabled):before{width:300px;height:300px}.submit-btn:hover:not(:disabled){box-shadow:0 6px 30px #6b705066;transform:translateY(-2px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-note{text-align:center;font-size:13px;color:var(--text-gray);margin-top:16px}@media (max-width: 768px){.registration-form{padding:0;margin:0;width:100%}.form-group input{padding:14px 16px;font-size:16px}.submit-btn{padding:16px 24px;font-size:15px}}@media (max-width: 480px){.registration-form{padding:0;margin:0;width:100%}.form-group{margin-bottom:20px}.form-group input{padding:14px 16px}.submit-btn{padding:16px 20px;font-size:14px}}.success-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.success-modal{background:var(--bg-white);padding:50px 40px;border-radius:20px;max-width:600px;width:100%;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.success-icon{margin:0 auto 30px;width:120px;height:120px}.checkmark{width:100%;height:100%}.confetti-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.confetti{position:absolute;width:10px;height:10px;border-radius:2px}.success-modal h2{font-size:32px;color:var(--primary-olive);margin-bottom:20px;font-weight:800}.success-message{font-size:18px;color:var(--text-dark);margin-bottom:40px;line-height:1.6}.success-message strong{color:var(--primary-olive)}.success-details{background:var(--bg-light);padding:30px;border-radius:12px;margin-bottom:30px}.detail-item{display:flex;align-items:center;gap:15px;margin-bottom:20px;text-align:left;font-size:15px}.detail-item:last-child{margin-bottom:0}.detail-item .icon{font-size:24px;flex-shrink:0}.social-links p{font-size:14px;color:var(--text-gray);margin-bottom:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.social-buttons{display:flex;gap:15px;justify-content:center}.social-btn{padding:12px 30px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px}.social-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.social-btn.facebook{background:#1877f2;color:#fff}.social-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.success-modal{padding:40px 24px}.success-modal h2{font-size:26px}.success-message{font-size:16px}.success-icon{width:100px;height:100px}.success-details{padding:20px}.detail-item{font-size:14px}.social-buttons{flex-direction:column}.social-btn{width:100%}}@media (max-width: 480px){.success-modal{padding:30px 20px}.success-modal h2{font-size:22px}.success-icon{width:80px;height:80px;margin-bottom:20px}.confetti{width:8px;height:8px}}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.floating-products{position:absolute;top:0;left:0;width:100%;height:100%}.product{position:absolute;filter:drop-shadow(0 15px 35px rgba(0,0,0,.2));will-change:transform;transition:filter .3s ease}.product:hover{filter:drop-shadow(0 20px 45px rgba(0,0,0,.25))}.product-image{width:100%;height:100%;object-fit:contain;border-radius:12px}.falling-leaves{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.leaf{position:absolute;width:35px;height:35px;will-change:transform}.leaf-svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(107,112,80,.3))}@media (max-width: 1024px){.product{max-width:160px!important;max-height:160px!important}.leaf{width:30px;height:30px}.leaf:nth-child(n+10){display:none}}@media (max-width: 768px){.product{max-width:130px!important;max-height:130px!important;filter:drop-shadow(0 10px 25px rgba(0,0,0,.15))}.leaf{width:25px;height:25px}.product:nth-child(n+5){display:none}.leaf:nth-child(n+8){display:none}}@media (max-width: 480px){.product{max-width:100px!important;max-height:100px!important;filter:drop-shadow(0 8px 20px rgba(0,0,0,.12))}.leaf{width:20px;height:20px}.product:nth-child(n+4){display:none}.leaf:nth-child(n+6){display:none}}@media (max-width: 360px){.product{max-width:80px!important;max-height:80px!important}.product:nth-child(n+4){display:none}.leaf:nth-child(n+5){display:none}}.app{min-height:100vh;background:var(--bg-white)}.main-section{position:relative;min-height:100vh;background:linear-gradient(135deg,#6b7050,#7a7f5f 40%,#8a8f6f,#9da184);display:flex;align-items:center;justify-content:center;padding:60px 20px;overflow:hidden}.content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1400px;margin:0 auto;position:relative;z-index:2}.hero-content{color:var(--text-light);padding:40px 0}.brand{margin-bottom:30px}.brand-name{font-size:56px;font-weight:900;color:var(--text-light);letter-spacing:12px;margin-bottom:8px;text-shadow:3px 5px 15px rgba(0,0,0,.3);line-height:1}.brand-tagline{font-size:13px;color:var(--accent-beige);text-transform:uppercase;letter-spacing:3px;font-weight:600;opacity:.95}.hero-title{font-size:52px;font-weight:800;color:var(--text-light);line-height:1.15;margin-bottom:30px;text-shadow:2px 4px 12px rgba(0,0,0,.25)}.hero-title .highlight{display:block;font-size:48px;margin-bottom:0;position:relative;padding-bottom:0;color:var(--accent-beige);text-shadow:3px 5px 15px rgba(245,240,232,.6);line-height:1.2}.hero-title .highlight:before{content:"Бесплатный семинар по реконструкции волос";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,transparent 25%,rgba(255,255,255,.3) 40%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 52%,rgba(255,255,255,.3) 60%,transparent 75%,transparent 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shineBar 2.5s linear infinite;z-index:1;filter:drop-shadow(0 0 30px rgba(255,255,255,.9))}@keyframes shineBar{0%{background-position:-200% center}to{background-position:100% center}}.hero-info{display:flex;flex-direction:column;gap:16px;margin-top:40px}.info-badge{display:flex;align-items:center;gap:15px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 24px;border-radius:50px;border:1px solid rgba(255,255,255,.2);transition:var(--transition);box-shadow:0 4px 15px #0000001a}.info-badge:hover{background:#ffffff40;transform:translate(5px)}.info-badge .icon{font-size:24px;flex-shrink:0}.info-badge span:last-child{font-size:15px;font-weight:600;color:var(--text-light);letter-spacing:.3px}.form-wrapper{background:var(--bg-white);padding:50px 40px;border-radius:24px;box-shadow:0 20px 60px #0000004d;position:relative;overflow:hidden}.form-header{margin-bottom:30px;text-align:center}.form-header h3{font-size:28px;font-weight:800;color:var(--primary-olive);margin-bottom:8px}.form-header p{font-size:14px;color:var(--text-gray);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.footer{background:var(--primary-dark);color:var(--text-light);padding:30px 20px}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;flex-wrap:wrap;gap:20px}.footer-links{display:flex;gap:30px;flex-wrap:wrap}.footer-links a{color:var(--text-light);text-decoration:none;font-size:14px;font-weight:500;opacity:.85;transition:var(--transition)}.footer-links a:hover{opacity:1;color:var(--accent-beige)}.footer-copy{font-size:13px;opacity:.7}.footer-copy a{color:var(--text-light);text-decoration:none;transition:var(--transition)}.footer-copy a:hover{opacity:1;color:var(--accent-beige)}@media (max-width: 1200px){.content-wrapper{gap:40px}.brand-name{font-size:48px;letter-spacing:8px}.hero-title{font-size:44px}.hero-title .highlight{font-size:50px}}@media (max-width: 1024px){.content-wrapper{grid-template-columns:1fr;gap:50px;padding:40px 0}.hero-content{text-align:center;padding:20px 0}.brand-name{font-size:44px;letter-spacing:6px}.hero-title{font-size:40px}.hero-title .highlight{font-size:46px}.hero-info{max-width:500px;margin:40px auto 0}.form-wrapper{max-width:600px;margin:0 auto}}@media (max-width: 768px){.main-section{padding:50px 16px;min-height:auto}.content-wrapper{gap:40px;padding:20px 0;width:100%}.brand-name{font-size:36px;letter-spacing:4px}.brand-tagline{font-size:11px;letter-spacing:2px}.hero-title{font-size:28px;margin-bottom:30px;line-height:1.2}.hero-title .highlight{font-size:32px;line-height:1.3}.info-badge{padding:14px 20px}.info-badge .icon{font-size:20px}.info-badge span:last-child{font-size:14px}.form-wrapper{padding:40px 24px;max-width:100%;margin:0 auto;width:100%;box-shadow:0 10px 40px #0003;border-radius:20px}.form-header h3{font-size:24px}.footer-content{flex-direction:column;text-align:center;gap:15px}.footer-links{justify-content:center;gap:20px}}@media (max-width: 480px){.main-section{padding:40px 12px}.content-wrapper{gap:30px;width:100%;padding:20px 0}.brand-name{font-size:28px;letter-spacing:3px}.brand-tagline{font-size:10px}.hero-title{font-size:24px;line-height:1.2}.hero-title .highlight{font-size:26px;line-height:1.3}.info-badge{padding:12px 18px;font-size:13px}.info-badge .icon{font-size:18px}.form-wrapper{padding:30px 20px;max-width:100%;margin:0 auto;width:100%;box-shadow:0 8px 30px #0000002e;border-radius:16px}.form-header h3{font-size:22px}.form-header p{font-size:12px}.footer{padding:25px 16px}.footer-links{flex-direction:column;gap:12px}}@media (max-width: 360px){.brand-name{font-size:24px;letter-spacing:2px}.hero-title{font-size:22px}.hero-title .highlight{font-size:26px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-olive: #6b7050;--primary-green: #396B33;--primary-dark: #202020;--accent-red: #a90000;--accent-beige: #f5f0e8;--accent-light: #f2f2f2;--text-dark: #242424;--text-light: #ffffff;--text-gray: #898989;--bg-white: #ffffff;--bg-light: #f2f2f2;--bg-gradient: linear-gradient(135deg, #6b7050 0%, #8a8f6f 50%, #9da184 100%);--shadow-sm: 0 2px 8px rgba(107, 112, 80, .1);--shadow-md: 0 4px 16px rgba(107, 112, 80, .15);--shadow-lg: 0 8px 32px rgba(107, 112, 80, .2);--border-radius: 12px;--transition: all .3s ease}body{font-family:Tenor Sans,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);background-color:var(--bg-white);overflow-x:hidden}#root{min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}html{scroll-behavior:smooth}button{font-family:inherit;border:none;outline:none;cursor:pointer}input,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px}