@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}}html{scroll-behavior:smooth}body,html{background:#0f0f23}.landing{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}.landing *,.landing :after,.landing :before{box-sizing:border-box}.landing .header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f23f2;padding:1rem 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.landing .header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.landing .logo{background:linear-gradient(45deg,#4f46e5,#06b6d4);-webkit-background-clip:text;font-size:1.8rem;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text}.landing .nav-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.landing .nav-menu a{color:#fff;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.landing .nav-menu a:hover{color:#06b6d4}.landing .nav-menu a:after{background:linear-gradient(45deg,#4f46e5,#06b6d4);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.landing .nav-menu a:hover:after{width:100%}.landing .hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;text-align:center}.landing .hero:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,rgba(79,70,229,.1) 0,transparent 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.landing .hero-content{max-width:900px;padding:0 2rem;position:relative;z-index:2}.landing .hero h1{background:linear-gradient(45deg,#fff,#06b6d4,#4f46e5);-webkit-background-clip:text;font-size:4.5rem;font-weight:800;margin-bottom:1.5rem;-webkit-text-fill-color:transparent;animation:fadeInUp 1s ease-out;background-clip:text}.landing .hero .subtitle{background:linear-gradient(45deg,#06b6d4,#4f46e5);-webkit-background-clip:text;font-size:1.5rem;font-weight:600;margin-bottom:1rem;-webkit-text-fill-color:transparent;animation:fadeInUp 1s ease-out .1s both;background-clip:text}.landing .hero p{animation:fadeInUp 1s ease-out .2s both;font-size:1.3rem;line-height:1.7;margin-bottom:2.5rem;opacity:.9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.landing .cta-button{animation:fadeInUp 1s ease-out .4s both;background:linear-gradient(45deg,#4f46e5,#06b6d4);border:none;border-radius:50px;box-shadow:0 10px 30px #4f46e54d;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:1.2rem 3rem;text-decoration:none;transition:all .3s ease}.landing .cta-button:hover{box-shadow:0 15px 40px #4f46e566;transform:translateY(-2px)}.landing .features{background:#1a1a2e80;padding:6rem 0}.landing .container{margin:0 auto;max-width:1200px;padding:0 2rem}.landing .section-title{background:linear-gradient(45deg,#fff,#06b6d4);-webkit-background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem;text-align:center;-webkit-text-fill-color:transparent;background-clip:text}.landing .section-subtitle{font-size:1.2rem;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.8;text-align:center}.landing .features-grid{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.landing .feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:20px;overflow:hidden;padding:3rem;position:relative;text-align:center;transition:all .3s ease}.landing .feature-card:before{background:linear-gradient(90deg,#4f46e5,#06b6d4);content:"";height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.landing .feature-card:hover:before{transform:scaleX(1)}.landing .feature-card:hover{box-shadow:0 20px 40px #0003;transform:translateY(-5px)}.landing .feature-icon{align-items:center;background:linear-gradient(45deg,#4f46e5,#06b6d4);border-radius:20px;box-shadow:0 10px 30px #4f46e54d;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.landing .feature-card h3{color:#fff;font-size:1.6rem;font-weight:600;margin-bottom:1.5rem}.landing .feature-card p{font-size:1.1rem;line-height:1.8;opacity:.8}.landing .about{padding:6rem 0}.landing .about-content{align-items:center;display:grid;gap:5rem;grid-template-columns:minmax(0,800px);justify-content:center}.landing .about-text h2{background:linear-gradient(45deg,#fff,#06b6d4);-webkit-background-clip:text;font-size:3rem;font-weight:700;margin-bottom:2rem;-webkit-text-fill-color:transparent;background-clip:text}.landing .about-text p{font-size:1.2rem;line-height:1.8;margin-bottom:2rem;opacity:.9}.landing .about-visual{align-items:center;background:linear-gradient(45deg,#4f46e533,#06b6d433);border-radius:20px;display:flex;height:450px;justify-content:center;overflow:hidden;position:relative}.landing .contact{padding:6rem 0}.landing .contact-content{display:grid;gap:5rem;grid-template-columns:minmax(0,600px);justify-content:center}.landing .contact-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:3rem}.landing .contact-info h3{background:linear-gradient(45deg,#fff,#06b6d4);-webkit-background-clip:text;font-size:2rem;margin-bottom:2rem;-webkit-text-fill-color:transparent;background-clip:text}.landing .contact-item{align-items:center;display:flex;margin-bottom:2rem}.landing .contact-icon{align-items:center;background:linear-gradient(45deg,#4f46e5,#06b6d4);border-radius:15px;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;margin-right:1.5rem;width:50px}.landing .contact-item h4{color:#06b6d4;font-size:1.2rem;margin-bottom:.5rem}.landing .contact-item p{font-size:1.1rem;opacity:.9}.landing .contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:3rem}.landing .contact-form h3{background:linear-gradient(45deg,#fff,#06b6d4);-webkit-background-clip:text;font-size:2rem;margin-bottom:2rem;-webkit-text-fill-color:transparent;background-clip:text}.landing .form-group{margin-bottom:1.5rem}.landing .form-group label{color:#06b6d4;display:block;font-weight:500;margin-bottom:.5rem}.landing .form-group input,.landing .form-group textarea{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:10px;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.landing .form-group input:focus,.landing .form-group textarea:focus{background:#ffffff26;border-color:#06b6d4;outline:none}.landing .form-group textarea{min-height:120px;resize:vertical}.landing .footer{background:#0f0f23cc;border-top:1px solid hsla(0,0%,100%,.1);padding:3rem 0;text-align:center}.landing .footer-content{margin:0 auto;max-width:1200px;padding:0 2rem}.landing .footer-logo{background:linear-gradient(45deg,#4f46e5,#06b6d4);-webkit-background-clip:text;font-size:2rem;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.landing .footer-info{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0;text-align:left}.landing .footer-info h4{color:#06b6d4;margin-bottom:1rem}.landing .footer-info p{margin-bottom:.5rem;opacity:.7}.landing .footer>.footer-content>p{font-size:1rem;opacity:.7}.landing section{scroll-margin-top:80px}.landing .animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s ease}.landing .animate-on-scroll.animate{opacity:1;transform:translateY(0)}.landing .particles{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.landing .particle{animation:particleFloat 8s linear infinite;background:#4f46e54d;border-radius:50%;height:2px;position:absolute;width:2px}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) scale(1)}}@media(max-width:768px){.landing .nav-menu{display:none}.landing .hero h1{font-size:2.8rem}.landing .hero .subtitle{font-size:1.2rem}.landing .hero p{font-size:1.1rem}.landing .about-content,.landing .contact-content{gap:3rem;grid-template-columns:1fr}.landing .section-title{font-size:2.2rem}.landing .features-grid{grid-template-columns:1fr}.landing .feature-card{padding:2rem}.landing .about-text h2{font-size:2.2rem}}
