:root{--bg-primary: #0a0a0f;--bg-secondary: #13131a;--bg-tertiary: #1a1a24;--text-primary: #ffffff;--text-secondary: #a1a1b5;--text-muted: #6b7280;--accent-primary: #ff6b35;--accent-secondary: #ff8c5a;--accent-orange: #ff6b35;--accent-dark-orange: #e85a28;--accent-cyan: #06b6d4;--accent-glow: rgba(255, 107, 53, .5);--border-color: #1f1f2e;--border-light: rgba(255, 107, 53, .1);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--gradient-primary: linear-gradient( 135deg, #ff6b35 0%, #ff8c5a 50%, #ffab7a 100% );--gradient-secondary: linear-gradient(135deg, #ff6b35 0%, #e85a28 100%);--gradient-mesh: radial-gradient( at 0% 0%, rgba(255, 107, 53, .2) 0px, transparent 50% ), radial-gradient(at 100% 0%, rgba(255, 140, 90, .15) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(255, 171, 122, .2) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(6, 182, 212, .15) 0px, transparent 50%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;position:relative}ol,ul{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer;font-family:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root{isolation:isolate}a{color:var(--accent-primary);text-decoration:none;transition:color .2s}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;margin-bottom:1rem}button{cursor:pointer;border:none;font-family:inherit}.text-gradient{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 3s ease infinite}@supports not (background-clip: text){.text-gradient{color:var(--accent-primary)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn-primary{background:var(--gradient-primary);background-size:200% 200%;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #ff6b354d;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;text-align:center;vertical-align:middle;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:translate(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transition:transform .6s;-webkit-transition:-webkit-transform .6s;-moz-transition:-moz-transform .6s}.btn-primary:hover{transform:translateY(-2px);-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);box-shadow:0 8px 30px #ff6b3580;background-position:100% 50%}.btn-primary:hover:before{transform:translate(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%)}.btn-secondary{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-light);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;text-align:center;vertical-align:middle;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.btn-secondary:hover{background:#ffffff1a;border-color:var(--accent-primary);transform:translateY(-2px);-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px)}.section-padding{padding:6rem 0}.glass{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0000005e}@supports not (backdrop-filter: blur(10px)){.glass{background:#13131af2}}.card-glass{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 8px 32px #0000004d}@supports not (backdrop-filter: blur(20px)){.card-glass{background:linear-gradient(135deg,#13131af2,#0a0a0ff2)}}.hero{position:relative;z-index:10}.nav-item:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--accent-primary);transform:scaleX(0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform-origin:right;-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease;-moz-transition:-moz-transform .3s ease}.nav-item:hover:after{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform-origin:left;-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left}@media(max-width:768px){.section-padding{padding:3rem 0}section#features>.container>div{grid-template-columns:1fr!important}.bento-card{grid-column:span 1!important}h1{font-size:2.5rem!important}}.bento-card:hover .hover-glow{opacity:1}@keyframes beam{0%{transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%)}to{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}}@-webkit-keyframes beam{0%{-webkit-transform:translateY(-100%)}to{-webkit-transform:translateY(100%)}}@-moz-keyframes beam{0%{-moz-transform:translateY(-100%)}to{-moz-transform:translateY(100%)}}.animate-beam{animation:beam 2s infinite;-webkit-animation:beam 2s infinite;-moz-animation:beam 2s infinite}@keyframes spin{0%{transform:rotate(0);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg)}to{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite}