:root{--primary-color: #1a237e;--secondary-color: #800020;--accent-color: #ff8c42;--neutral-white: #ffffff;--neutral-light-gray: #f5f5f5;--neutral-gray: #e0e0e0;--neutral-dark-gray: #757575;--text-primary: #212121;--text-secondary: #424242;--text-light: #757575;--background: #ffffff;--surface: #f5f5f5;--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .15)}[data-theme=dark]{--primary-color: #3d5afe;--secondary-color: #c62828;--accent-color: #ff8c42;--neutral-white: #1e1e1e;--neutral-light-gray: #2d2d2d;--neutral-gray: #3d3d3d;--neutral-dark-gray: #9e9e9e;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-light: #b0b0b0;--background: #121212;--surface: #1e1e1e;--shadow: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--background);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;left:0;right:0;background-color:var(--background);box-shadow:0 2px 10px var(--shadow);z-index:1000;transition:background-color .3s ease,box-shadow .3s ease}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:var(--primary-color);transition:color .3s ease}.theme-toggle{background:none;border:2px solid var(--primary-color);border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1.2rem}.theme-toggle:hover{background-color:var(--primary-color);transform:scale(1.1)}.theme-toggle:hover .theme-icon{filter:brightness(0) invert(1)}.theme-icon{transition:transform .3s ease}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 0 60px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);overflow:hidden;animation:fadeIn 1s ease-in}.hero-shape{position:absolute;bottom:-50px;left:0;right:0;height:100px;background:var(--background);clip-path:polygon(0 50%,100% 0,100% 100%,0 100%);transition:background-color .3s ease}.hero-content{text-align:center;color:var(--neutral-white);max-width:800px;margin:0 auto;z-index:1;position:relative;animation:slideUp 1s ease-out}.coming-soon{display:inline-block;padding:.5rem 1.5rem;background-color:var(--accent-color);color:var(--neutral-white);border-radius:50px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:2rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-title{font-family:Playfair Display,serif;font-size:clamp(3rem,8vw,5rem);font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.hero-tagline{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500;margin-bottom:1.5rem;opacity:.95}.hero-description{font-size:clamp(1rem,2vw,1.125rem);margin-bottom:2.5rem;opacity:.9;line-height:1.8}.hero-cta{margin-top:2rem}.email-subscription{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:0 auto}.email-input{padding:1rem 1.5rem;border:2px solid var(--neutral-white);border-radius:50px;font-size:1rem;background-color:#ffffff1a;color:var(--neutral-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.email-input::placeholder{color:#ffffffb3}.email-input:focus{outline:none;background-color:#fff3;border-color:var(--accent-color);transform:scale(1.02)}.cta-button{padding:1rem 2.5rem;background-color:var(--accent-color);color:var(--neutral-white);border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.cta-button:hover{background-color:#ff7a2e;transform:translateY(-2px);box-shadow:0 5px 15px #ff8c4266}.cta-button:active{transform:translateY(0)}section{padding:80px 0;animation:fadeIn 1s ease-in}.section-title{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;text-align:center;margin-bottom:2rem;color:var(--primary-color);transition:color .3s ease}.section-description{font-size:clamp(1rem,2vw,1.125rem);text-align:center;max-width:700px;margin:0 auto;color:var(--text-secondary);line-height:1.8;transition:color .3s ease}.about{background-color:var(--background);transition:background-color .3s ease}.motive{background-color:var(--surface);transition:background-color .3s ease}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.card{background-color:var(--background);padding:2.5rem 2rem;border-radius:15px;text-align:center;box-shadow:0 5px 20px var(--shadow);transition:all .3s ease;border:1px solid var(--neutral-gray)}.card:hover{transform:translateY(-10px);box-shadow:0 10px 30px var(--shadow-hover);border-color:var(--primary-color)}.card-icon{font-size:3rem;margin-bottom:1.5rem;filter:grayscale(.2);transition:transform .3s ease}.card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.card-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--primary-color);transition:color .3s ease}.card-description{color:var(--text-secondary);line-height:1.7;transition:color .3s ease}.how-it-works{background-color:var(--background);transition:background-color .3s ease}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:3rem}.step{text-align:center;position:relative;padding:2rem}.step-number{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--neutral-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 1.5rem;box-shadow:0 5px 15px var(--shadow);transition:transform .3s ease}.step:hover .step-number{transform:scale(1.1) rotate(360deg)}.step-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--primary-color);transition:color .3s ease}.step-description{color:var(--text-secondary);line-height:1.7;transition:color .3s ease}.contact{background-color:var(--surface);transition:background-color .3s ease}.contact-content{max-width:800px;margin:3rem auto 0;display:grid;grid-template-columns:1fr;gap:3rem}.contact-info{text-align:center}.contact-email-label{font-size:1.125rem;color:var(--text-secondary);margin-bottom:.5rem;transition:color .3s ease}.contact-email{font-size:1.5rem;font-weight:600;color:var(--primary-color);text-decoration:none;transition:all .3s ease;display:inline-block}.contact-email:hover{color:var(--accent-color);transform:scale(1.05)}.contact-form{background-color:var(--background);padding:2.5rem;border-radius:15px;box-shadow:0 5px 20px var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);transition:color .3s ease}.form-input,.form-textarea{width:100%;padding:.875rem 1.25rem;border:2px solid var(--neutral-gray);border-radius:8px;font-size:1rem;font-family:inherit;background-color:var(--background);color:var(--text-primary);transition:all .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1a237e1a}.form-textarea{resize:vertical;min-height:120px}.form-submit{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--neutral-white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.form-submit:hover{transform:translateY(-2px);box-shadow:0 5px 15px var(--shadow-hover)}.form-submit:active{transform:translateY(0)}.form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-message{padding:.875rem 1.25rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;font-weight:500;text-align:center;animation:fadeIn .3s ease}.form-message-success{background-color:#4caf50;color:#fff;border:1px solid #45a049}.form-message-error{background-color:#f44336;color:#fff;border:1px solid #da190b}.footer{background-color:var(--primary-color);color:var(--neutral-white);padding:2rem 0;text-align:center;transition:background-color .3s ease}.footer-text{font-size:.875rem;opacity:.9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.email-subscription{flex-direction:row}.email-input{flex:1}.contact-content{grid-template-columns:1fr 2fr}.contact-info{text-align:left}}@media(max-width:767px){section{padding:40px 0}.container{padding:0 15px}.hero{padding:80px 0 40px;min-height:90vh}.hero-title{font-size:clamp(2rem,10vw,3.5rem)}.hero-tagline{font-size:clamp(1rem,4vw,1.5rem)}.hero-description{font-size:clamp(.9rem,3vw,1rem);padding:0 10px}.email-subscription{flex-direction:column;gap:.75rem}.email-input{width:100%;font-size:16px}.cta-button{width:100%;padding:.875rem 1.5rem;font-size:.9rem}.section-title{font-size:clamp(1.75rem,8vw,2.5rem);margin-bottom:1.5rem}.section-description{font-size:clamp(.95rem,3vw,1.1rem);padding:0 10px}.cards-grid,.steps-container{grid-template-columns:1fr;gap:1.5rem}.card{padding:2rem 1.5rem}.card-icon{font-size:2.5rem}.card-title{font-size:1.25rem}.step{padding:1.5rem}.step-number{width:60px;height:60px;font-size:1.5rem}.step-title{font-size:1.25rem}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-info{text-align:center}.contact-email{font-size:1.25rem;word-break:break-word}.contact-form{padding:1.5rem}.form-input,.form-textarea{font-size:16px;padding:.75rem 1rem}.form-submit{padding:.875rem;font-size:.9rem}.nav-content{padding:.75rem 0}.logo{font-size:1.25rem}.theme-toggle{width:36px;height:36px;font-size:1rem}}@media(max-width:480px){.hero{padding:70px 0 30px}.hero-title{font-size:2rem}.coming-soon{font-size:.75rem;padding:.4rem 1.2rem}.card{padding:1.5rem 1rem}.contact-form{padding:1rem}.container{padding:0 12px}}@media(max-width:767px)and (orientation:landscape){.hero{min-height:auto;padding:60px 0 30px}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}