:root,[data-theme=dark]{--bg-primary:#000;--bg-secondary:#080808;--bg-card:#ffffff04;--bg-card-hover:#ffffff09;--bg-panel-solid:#09090b;--bg-footer:#030510;--accent-blue:#0052ff;--accent-purple:#bf5af2;--accent-cyan:#00f0ff;--text-white:#fff;--text-light:#ededed;--text-gray:#a1a1aa;--text-muted:#71717a;--bg-section-1:#0a0a0a4d;--bg-section-2:#0a0a0a99;--border-glass:#ffffff0d;--border-glass-hover:#ffffff1f;--border-gradient-start:#ffffff14;--border-gradient-end:#ffffff03;--bg-glass:#000000b3;--shadow-neon-blue:0 0 20px #0052ff26;--shadow-neon-purple:0 0 20px #bf5af226;--shadow-neon-cyan:0 0 20px #00f0ff26;--shadow-glass:0 8px 32px 0 #000c;--grid-line:#ffffff08;--aurora-opacity:.35;--aurora-blend-mode:screen;--noise-opacity:.02;--text-gradient-start:#fff;--text-gradient-middle:#a5b4fc;--text-gradient-end:var(--accent-cyan);--btn-secondary-bg:#ffffff08;--btn-secondary-hover-bg:#ffffff14;--btn-secondary-text:var(--text-white);--form-input-bg:#ffffff05;--form-input-focus-bg:#ffffff0a;--form-input-focus-shadow:0 0 15px #00f0ff40;--select-chevron-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");--testimonial-quote-color:#ffffff05;--slider-dot-inactive:#fff3;--stat-shadow-cyan:0 0 15px #00f0ff4d;--stat-shadow-purple:0 0 15px #bf5af24d;--stat-shadow-blue:0 0 15px #0052ff4d;--stat-shadow-white:0 0 15px #ffffff4d;--font-heading:"Space Grotesk", "Poppins", sans-serif;--font-body:"Inter", sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--section-padding:100px 0;--container-width:1200px}[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#fff;--bg-panel-solid:#fff;--bg-footer:#ededf0;--accent-blue:#0052ff;--accent-purple:#7928ca;--accent-cyan:#0080a0;--text-white:#1d1d1f;--text-light:#1d1d1f;--text-gray:#4b5563;--text-muted:#86868b;--bg-section-1:#ffffff80;--bg-section-2:#ffffffd9;--border-glass:#0000000f;--border-glass-hover:#0000001f;--border-gradient-start:#00000014;--border-gradient-end:#00000005;--bg-glass:#ffffffb3;--shadow-neon-blue:0 0 20px #0052ff0d;--shadow-neon-purple:0 0 20px #7928ca0d;--shadow-neon-cyan:0 0 20px #0080a00d;--shadow-glass:0 8px 30px #0000000a, 0 1px 3px #00000005;--grid-line:#0000000a;--aurora-opacity:.12;--aurora-blend-mode:multiply;--noise-opacity:.035;--text-gradient-start:#1d1d1f;--text-gradient-middle:#4f46e5;--text-gradient-end:#0ea5e9;--btn-secondary-bg:#00000008;--btn-secondary-hover-bg:#0000000f;--btn-secondary-text:var(--text-light);--form-input-bg:#fff;--form-input-focus-bg:#fff;--form-input-focus-shadow:0 0 15px #0052ff1a;--select-chevron-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");--testimonial-quote-color:#00000005;--slider-dot-inactive:#00000026;--stat-shadow-cyan:none;--stat-shadow-purple:none;--stat-shadow-blue:none;--stat-shadow-white:none}.glass-panel{background:linear-gradient(var(--bg-panel-solid), var(--bg-panel-solid)) padding-box, linear-gradient(135deg, var(--border-gradient-start) 0%, var(--border-gradient-end) 100%) border-box;-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-glass);transition:all var(--transition-normal);border:1px solid #0000;border-radius:20px}.glass-panel:hover{background:linear-gradient(var(--bg-panel-solid), var(--bg-panel-solid)) padding-box, linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-purple) 100%) border-box;box-shadow:var(--shadow-glass), 0 10px 30px #00f0ff14}.glass-nav{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);box-shadow:var(--shadow-glass)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-primary)}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-light);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}html,body,section,.navbar,.glass-panel,.btn,.btn-secondary,.form-control,.select-control,.mobile-sidebar,.footer,.testimonial-card-inner,.tutorial-card,.youtube-card,.project-card,.service-card,.tech-card,.stat-box,h1,h2,h3,h4,h5,h6,p,a,span,li{transition:background-color .4s,color .4s,border-color .4s,box-shadow .4s,text-shadow .4s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-glass-hover);border:2px solid var(--bg-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-white);font-weight:700;line-height:1.2}a{color:inherit;transition:all var(--transition-fast);text-decoration:none}.container{max-width:var(--container-width);z-index:2;margin:0 auto;padding:0 24px;position:relative}.section{padding:var(--section-padding);position:relative}.bg-grid-glow{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);pointer-events:none;background-position:50%;background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 85%);mask-image:radial-gradient(#000 40%,#0000 85%)}.aurora-bg{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.aurora-glow{filter:blur(140px);opacity:var(--aurora-opacity);mix-blend-mode:var(--aurora-blend-mode);border-radius:50%;animation:12s ease-in-out infinite alternate aurora-move;position:absolute}.aurora-1{background:radial-gradient(circle, var(--accent-blue) 0%, transparent 80%);width:450px;height:450px;animation-delay:0s;top:-10%;left:10%}.aurora-2{background:radial-gradient(circle, var(--accent-purple) 0%, transparent 80%);width:500px;height:500px;animation-delay:-3s;bottom:10%;right:5%}.aurora-3{background:radial-gradient(circle, var(--accent-cyan) 0%, transparent 80%);width:400px;height:400px;animation-delay:-6s;top:30%;left:60%}@keyframes aurora-move{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(50px,-50px)scale(1.1)rotate(180deg)}to{transform:translate(-30px,40px)scale(.9)rotate(360deg)}}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(1.5deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulse-slow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-slow{animation:4s ease-in-out infinite pulse-slow}.text-gradient{background:linear-gradient(135deg, var(--text-gradient-start) 30%, var(--text-gradient-middle) 60%, var(--text-gradient-end) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-purple-blue{background:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-blue) 50%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-normal);z-index:2;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%);color:#fff;border:1px solid #ffffff1a;box-shadow:0 4px 15px #0052ff33}.btn-primary:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0052ff66,0 0 15px #bf5af24d}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--border-glass)}.btn-secondary:hover{background:var(--btn-secondary-hover-bg);border-color:var(--border-glass-hover);transform:translateY(-2px)}.mouse-glow-card{--mouse-x:0px;--mouse-y:0px;position:relative;overflow:hidden}.mouse-glow-card:before{content:"";background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y), #ffffff0f, transparent 40%);z-index:1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.mouse-glow-card:hover:before{opacity:1}.border-glow-card{position:relative}.border-glow-card:after{content:"";background:radial-gradient(250px circle at var(--mouse-x) var(--mouse-y), #00f0ff80, transparent 40%);border-radius:inherit;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;inset:-1px}.border-glow-card:hover:after{opacity:1}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-tag{font-family:var(--font-heading);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;background:#0052ff1a;border:1px solid #0052ff33;border-radius:30px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.section-title{margin-bottom:16px;font-size:42px}@media (width<=768px){.section-title{font-size:32px}}.section-desc{color:var(--text-gray);font-size:17px;line-height:1.6}.reveal-on-scroll{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media (width<=768px){.section{padding:60px 0}}.btn-ripple{pointer-events:none;background:#ffffff40;border-radius:50%;width:150px;height:150px;animation:.6s linear ripple-effect}@keyframes ripple-effect{0%{opacity:.5;width:0;height:0}to{opacity:0;width:300px;height:300px}}.btn{transition:transform .2s cubic-bezier(.25,1,.5,1),box-shadow .2s,background .2s}.mouse-glow-card{transition:transform .15s cubic-bezier(.25,1,.5,1),border-color .3s,box-shadow .3s}.noise-overlay{content:"";opacity:.02;z-index:9999;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.icon-bounce{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.icon-bounce:hover{filter:drop-shadow(0 0 8px var(--accent-cyan));transform:scale(1.2)translateY(-4px)}.floating-3d-shape{z-index:1;pointer-events:none;opacity:.25;filter:drop-shadow(0 0 20px #00f0ff33);animation:10s linear infinite float-rotate;position:absolute}@keyframes float-rotate{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}to{transform:translateY(0)rotate(360deg)}}.progress-container{margin-top:24px}.progress-item{margin-bottom:16px}.progress-info{color:var(--text-light);justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.progress-bar-bg{border:1px solid var(--border-glass);background:#ffffff0d;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-blue) 0%, var(--accent-cyan) 100%);border-radius:4px;width:0%;height:100%;transition:width 1.5s cubic-bezier(.33,1,.68,1)}.reveal-on-scroll.is-visible .progress-bar-fill{width:var(--progress-width)}.timeline-container{margin-top:40px;padding-left:32px;position:relative}.timeline-line{background:linear-gradient(180deg, var(--accent-cyan) 0%, var(--accent-purple) 100%);opacity:.15;width:2px;height:calc(100% - 16px);position:absolute;top:8px;left:8px}.timeline-item{text-align:left;margin-bottom:32px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--bg-primary);border:3px solid var(--accent-cyan);width:18px;height:18px;box-shadow:0 0 10px var(--accent-cyan);z-index:2;transition:all var(--transition-normal);border-radius:50%;position:absolute;top:6px;left:-32px}.timeline-item:nth-child(2n) .timeline-dot{border-color:var(--accent-purple);box-shadow:0 0 10px var(--accent-purple)}.timeline-content{padding-left:8px}.timeline-content h4{margin-bottom:4px;font-size:16px;font-weight:600}.timeline-content p{color:var(--text-gray);margin:0;font-size:13px}.typewriter-text{border-right:2px solid var(--accent-cyan);white-space:nowrap;animation:.75s step-end infinite blink-caret}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--accent-cyan)}}.reveal-fade-up{opacity:0;will-change:transform, opacity;transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94);transform:translateY(20px)scale(.98)}.reveal-fade-up.is-visible{opacity:1;transform:translateY(0)scale(1)}.reveal-card-zoom{opacity:0;will-change:transform, opacity;transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94);transform:scale(.95)}.reveal-card-zoom.is-visible{opacity:1;transform:scale(1)}.scroll-indicator{color:var(--text-gray);font-size:11px;font-family:var(--font-heading);letter-spacing:1px;z-index:5;pointer-events:none;opacity:.6;flex-direction:column;align-items:center;gap:8px;animation:2s ease-in-out infinite fade-pulse;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-indicator-mouse{border:2px solid #fff3;border-radius:10px;justify-content:center;width:20px;height:32px;display:flex;position:relative}.scroll-indicator-wheel{background-color:var(--accent-cyan);border-radius:1.5px;width:3px;height:6px;animation:1.5s ease-in-out infinite scroll-wheel;position:absolute;top:5px}@keyframes scroll-wheel{0%{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-pulse{0%,to{opacity:.4}50%{opacity:.8}}.nav-link.active:after{content:"";background:var(--accent-cyan);width:5px;height:5px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.navbar{z-index:1000;width:100%;height:80px;transition:all var(--transition-normal);align-items:center;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{height:70px}.nav-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-wrapper{cursor:pointer;width:210px;height:80px;transition:height var(--transition-normal);align-items:center;display:flex;position:relative}.navbar.scrolled .logo-wrapper{height:70px}.logo-img{width:auto;height:80px;transition:opacity .3s ease, height var(--transition-normal);pointer-events:none;border-radius:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.navbar.scrolled .logo-img{height:70px}.logo-dark{opacity:1}.logo-light,[data-theme=light] .logo-dark{opacity:0}[data-theme=light] .logo-light{opacity:1}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-link{color:var(--text-gray);padding:8px 0;font-size:15px;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-white)}.nav-link:after{content:"";background:linear-gradient(90deg, var(--accent-cyan) 0%, var(--accent-blue) 100%);width:0;height:2px;transition:width var(--transition-normal);border-radius:2px;position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{align-items:center;gap:16px;display:flex}.theme-toggle-btn{border:1px solid var(--border-glass);background:var(--btn-secondary-bg);width:40px;height:40px;color:var(--text-white);cursor:pointer;transition:all var(--transition-normal);border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.theme-toggle-btn:hover{background:var(--btn-secondary-hover-bg);border-color:var(--border-glass-hover);box-shadow:var(--shadow-neon-cyan);transform:scale(1.08)rotate(25deg)}[data-theme=light] .theme-toggle-btn:hover{box-shadow:0 4px 12px #00000014}.theme-icon{transition:transform var(--transition-normal) cubic-bezier(.34, 1.56, .64, 1), opacity .3s ease}.theme-icon.moon{color:var(--accent-purple)}.theme-icon.sun{color:#f90}.btn-nav{padding:10px 20px;font-size:14px}.mobile-menu-btn{color:var(--text-white);cursor:pointer;z-index:1001;background:0 0;border:none;display:none}.mobile-sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-glass);z-index:999;flex-direction:column;width:280px;height:100vh;padding:100px 32px 40px;transition:right .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #0000004d}.mobile-sidebar.open{right:0}.mobile-nav-links{flex-direction:column;gap:24px;margin-bottom:auto;list-style:none;display:flex}.mobile-nav-link{font-size:18px;font-family:var(--font-heading);color:var(--text-gray);font-weight:500}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--text-white);padding-left:8px}@media (width<=992px){.nav-links,.nav-actions .btn-nav{display:none}.mobile-menu-btn{display:block}}.hero-section{background-color:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding-top:120px;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:3;max-width:900px;margin:0 auto;position:relative}.badge-futuristic{border:1px solid var(--border-glass);font-family:var(--font-heading);color:var(--text-white);-webkit-backdrop-filter:blur(10px);background:#ffffff08;border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.badge-dot{background-color:var(--accent-cyan);width:8px;height:8px;box-shadow:0 0 10px var(--accent-cyan);border-radius:50%;animation:2s ease-in-out infinite pulse-slow}.hero-title{letter-spacing:-.03em;margin-bottom:24px;font-size:80px;font-weight:800;line-height:1.1}@media (width<=992px){.hero-title{font-size:56px}}@media (width<=576px){.hero-title{font-size:40px}}.hero-subtitle{color:var(--text-gray);max-width:650px;margin:0 auto 40px;font-size:20px;line-height:1.6}@media (width<=768px){.hero-subtitle{font-size:17px}}.hero-btns{justify-content:center;align-items:center;gap:20px;display:flex}@media (width<=576px){.hero-btns{flex-direction:column;gap:12px;width:100%}}.hero-btn{min-width:180px}@media (width<=576px){.hero-btn{width:100%}}.glow-shape{filter:blur(80px);z-index:1;pointer-events:none;opacity:.2;border-radius:50%;position:absolute}.shape-1{background:var(--accent-blue);width:300px;height:300px;top:15%;left:5%}.shape-2{background:var(--accent-purple);width:250px;height:250px;bottom:20%;right:10%}.about-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;margin-top:40px;display:grid}.about-text{text-align:left}.about-text h3{margin-bottom:20px;font-size:28px;line-height:1.3}.about-text p{color:var(--text-gray);margin-bottom:24px;font-size:16px;line-height:1.7}.about-highlights{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.about-card{text-align:left;border:1px solid var(--border-glass);border-radius:16px;padding:24px}.card-icon-wrapper{width:48px;height:48px;color:var(--accent-purple);background:#bf5af21a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.about-card:nth-child(2n) .card-icon-wrapper{color:var(--accent-blue);background:#0052ff1a}.about-card h4{margin-bottom:8px;font-size:18px}.about-card p{color:var(--text-gray);margin:0;font-size:14px;line-height:1.5}.about-stats{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.stat-box{text-align:center;padding:32px 24px}.stat-number{font-size:48px;font-family:var(--font-heading);margin-bottom:8px;font-weight:800}.stat-box:first-child .stat-number{color:var(--accent-cyan);text-shadow:var(--stat-shadow-cyan)}.stat-box:nth-child(2) .stat-number{color:var(--accent-purple);text-shadow:var(--stat-shadow-purple)}.stat-box:nth-child(3) .stat-number{color:var(--accent-blue);text-shadow:var(--stat-shadow-blue)}.stat-box:nth-child(4) .stat-number{color:var(--text-white);text-shadow:var(--stat-shadow-white)}.stat-label{color:var(--text-gray);font-size:14px;font-weight:500}@media (width<=992px){.about-grid{grid-template-columns:1fr;gap:40px}}.tech-stack-section{background-color:var(--bg-section-2)}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;margin-top:40px;display:grid}.tech-card{text-align:center;z-index:10;transition:border-color var(--transition-normal), transform var(--transition-normal);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;display:flex;position:relative}.tech-card:hover{transform:translateY(-5px)}.tech-icon-wrapper{width:56px;height:56px;transition:all var(--transition-normal);border:1px solid var(--border-glass);background:#ffffff05;border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.tech-card:hover .tech-icon-wrapper{transform:scale(1.1)}.tech-card.sf .tech-icon-wrapper{color:var(--accent-cyan);background:#00f0ff14;border-color:#00f0ff33}.tech-card.py .tech-icon-wrapper{color:var(--accent-blue);background:#0052ff14;border-color:#0052ff33}.tech-card.js .tech-icon-wrapper{color:#f7df1e;background:#f7df1e14;border-color:#f7df1e33}.tech-card.react .tech-icon-wrapper{color:#61dafb;background:#61dafb14;border-color:#61dafb33}.tech-card.node .tech-icon-wrapper{color:#393;background:#33993314;border-color:#3933}.tech-card.ai .tech-icon-wrapper{color:var(--accent-purple);background:#bf5af214;border-color:#bf5af233}.tech-card.api .tech-icon-wrapper{color:#ff6c37;background:#ff6c3714;border-color:#ff6c3733}.tech-card.cloud .tech-icon-wrapper{color:#00a4ef;background:#00a4ef14;border-color:#00a4ef33}.tech-card h4{margin-bottom:8px;font-size:18px;font-weight:600}.tech-card p{color:var(--text-gray);font-size:13px;line-height:1.4}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:32px;margin-top:40px;display:grid}@media (width<=576px){.projects-grid{grid-template-columns:1fr}}.project-card{text-align:left;border:1px solid var(--border-glass);background:var(--bg-card);height:100%;transition:all var(--transition-normal);z-index:10;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card:hover{box-shadow:0 20px 40px #0006, var(--shadow-neon-blue);border-color:#0052ff4d;transform:translateY(-8px)scale(1.02)}.project-visual{border-bottom:1px solid var(--border-glass);background:linear-gradient(135deg,#0052ff0d 0%,#bf5af20d 100%);justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative;overflow:hidden}.project-visual:after{content:"";background:radial-gradient(circle, var(--accent-blue) 0%, transparent 70%);filter:blur(20px);opacity:.15;pointer-events:none;width:150px;height:150px;transition:opacity var(--transition-normal);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-card:hover .project-visual:after{opacity:.35}.project-visual-icon{z-index:2;color:var(--accent-cyan);transition:transform var(--transition-normal)}.project-card:hover .project-visual-icon{transform:scale(1.2)rotate(5deg)}.project-body{flex-direction:column;flex-grow:1;padding:28px;display:flex}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.project-tag{font-size:11px;font-family:var(--font-heading);border:1px solid var(--border-glass);color:var(--text-gray);text-transform:uppercase;background:#ffffff0a;border-radius:12px;padding:4px 10px;font-weight:600}.project-card:hover .project-tag{color:var(--text-white);border-color:#ffffff1a}.project-card h3{margin-bottom:12px;font-size:22px;line-height:1.3}.project-card p{color:var(--text-gray);flex-grow:1;margin-bottom:24px;font-size:14px;line-height:1.6}.project-link{font-family:var(--font-heading);color:var(--text-white);transition:color var(--transition-fast);align-self:flex-start;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.project-link span{transition:transform var(--transition-fast);display:inline-block}.project-card:hover .project-link{color:var(--accent-cyan)}.project-card:hover .project-link span{transform:translate(4px)}.project-card-image{object-fit:contain;width:100%;height:100%;transition:transform var(--transition-normal) ease;background:#fff}.project-card:hover .project-card-image{transform:scale(1.03)}.services-section{background-color:var(--bg-section-1)}.services-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px;margin-top:40px;display:grid}.service-card{text-align:left;border:1px solid var(--border-glass);background:var(--bg-card);transition:all var(--transition-normal);border-radius:20px;flex-direction:column;height:100%;padding:40px 32px;display:flex}.service-card:hover{box-shadow:0 15px 30px #0006, var(--shadow-neon-purple);border-color:#bf5af24d;transform:translateY(-5px)}.service-icon-container{border:1px solid var(--border-glass);width:50px;height:50px;color:var(--accent-purple);transition:all var(--transition-normal);background:#ffffff05;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.service-card:hover .service-icon-container{color:var(--text-white);background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%);border-color:#ffffff1a;box-shadow:0 0 15px #bf5af266}.service-card h3{margin-bottom:12px;font-size:20px;font-weight:600}.service-card p{color:var(--text-gray);flex-grow:1;margin-bottom:24px;font-size:14px;line-height:1.6}.service-features-list{color:var(--text-muted);flex-direction:column;gap:8px;font-size:13px;list-style:none;display:flex}.service-features-list li{align-items:center;gap:8px;display:flex}.service-features-list li:before{content:"✓";color:var(--accent-cyan);font-weight:700}.service-card:hover .service-features-list li{color:var(--text-gray)}.learn-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px;margin-top:40px;display:grid}.tutorial-card{border:1px solid var(--border-glass);background:var(--bg-card);height:100%;transition:all var(--transition-normal);z-index:10;text-align:left;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.tutorial-card:hover{box-shadow:0 15px 30px #0006, var(--shadow-neon-cyan);border-color:#00f0ff4d;transform:translateY(-5px)}.tutorial-image{border-bottom:1px solid var(--border-glass);height:180px;color:var(--accent-cyan);background:linear-gradient(135deg,#00f0ff0d 0%,#0052ff0d 100%);justify-content:center;align-items:center;display:flex;position:relative}.tutorial-image:before{content:"";background:radial-gradient(circle at center, var(--accent-cyan) 0%, transparent 60%);opacity:.1;position:absolute;inset:0}.tutorial-body{flex-direction:column;flex-grow:1;padding:24px;display:flex}.tutorial-meta{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;display:flex}.tutorial-level{color:var(--accent-cyan);font-weight:600}.tutorial-card h3{margin-bottom:12px;font-size:18px;font-weight:600;line-height:1.4}.tutorial-card p{color:var(--text-gray);flex-grow:1;margin-bottom:20px;font-size:13px;line-height:1.5}.tutorial-footer{color:var(--text-white);border-top:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding-top:16px;font-size:13px;font-weight:600;display:flex}.tutorial-link-btn{color:var(--accent-cyan);align-items:center;gap:4px;display:flex}.article-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#08070766;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.article-modal{color:#080707;background:#fff;border:1px solid #d8dde6;border-radius:24px;width:100%;max-width:860px;max-height:85vh;padding:48px;animation:.4s cubic-bezier(.16,1,.3,1) articleSlideUp;position:relative;overflow-y:auto;box-shadow:0 20px 50px #00000026,0 0 1px #0000001a}.article-modal::-webkit-scrollbar{width:8px}.article-modal::-webkit-scrollbar-track{background:#00000005;border-radius:4px}.article-modal::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.article-modal::-webkit-scrollbar-thumb:hover{background:#0070d2}.article-close-btn{color:#514f4d;cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);z-index:1010;background:#f3f2f2;border:1px solid #dddbda;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;right:24px}.article-close-btn:hover{color:#fff;background:#ff5f56;border-color:#ff5f56;transform:rotate(90deg)}.article-meta{color:#514f4d;align-items:center;gap:16px;margin-bottom:16px;font-size:13px;display:flex}.article-level-tag{color:#0070d2;background:#0070d21a;border:1px solid #0070d233;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.article-title{color:#080707;font-size:2.25rem;line-height:1.25;font-family:var(--font-heading);margin-bottom:24px}.article-divider{background:#dddbda;height:1px;margin-bottom:32px}.article-body h3{color:#080707;border-left:4px solid #0070d2;margin-top:32px;margin-bottom:16px;padding-left:12px;font-size:1.4rem;font-weight:600}.article-body p{color:#3e3e3e;margin-bottom:20px;font-size:15px;line-height:1.65}.article-body ul,.article-body ol{margin-bottom:20px;padding-left:20px}.article-body li{color:#3e3e3e;margin-bottom:8px;font-size:15px;line-height:1.6}.article-code-block{color:#e2e8f0;white-space:pre;background:#0f172a;border:1px solid #1e293b;border-radius:12px;margin-bottom:24px;padding:20px;font-family:Fira Code,monospace;font-size:13px;overflow-x:auto}@keyframes articleSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tutorial-card:hover .tutorial-link-btn{color:var(--text-white)}.youtube-section{background-color:var(--bg-section-2)}.youtube-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;margin-top:40px;display:grid}.youtube-card{border:1px solid var(--border-glass);background:var(--bg-card);height:100%;transition:all var(--transition-normal);z-index:10;text-align:left;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.youtube-card:hover{box-shadow:0 15px 30px #00000080, var(--shadow-neon-purple);border-color:#bf5af24d;transform:translateY(-6px)}.video-thumbnail{border-bottom:1px solid var(--border-glass);background:linear-gradient(135deg,#050816e6 0%,#bf5af214 100%);justify-content:center;align-items:center;width:100%;height:190px;display:flex;position:relative;overflow:hidden}.video-play-btn{width:56px;height:56px;color:var(--text-white);transition:all var(--transition-normal);z-index:5;background:red;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 20px #f006}.youtube-card:hover .video-play-btn{background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%);transform:scale(1.15);box-shadow:0 0 25px #bf5af299}.video-duration{color:var(--text-white);background:#000c;border:1px solid #ffffff1a;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;bottom:12px;right:12px}.video-info{flex-direction:column;flex-grow:1;padding:24px;display:flex}.video-views{color:var(--accent-purple);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600}.video-info h3{margin-bottom:12px;font-size:17px;font-weight:600;line-height:1.4}.video-info p{color:var(--text-gray);flex-grow:1;margin-bottom:20px;font-size:13px;line-height:1.5}.video-footer{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.testimonials-slider-container{max-width:800px;margin:40px auto 0;position:relative;overflow:hidden}.testimonials-track{transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex}.testimonial-slide{box-sizing:border-box;min-width:100%;padding:10px}.testimonial-card-inner{border:1px solid var(--border-glass);background:var(--bg-card);text-align:left;box-shadow:var(--shadow-glass);border-radius:24px;padding:48px;position:relative}.testimonial-quote-icon{color:var(--testimonial-quote-color);-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Georgia,serif;font-size:80px;line-height:1;position:absolute;top:30px;right:48px}.testimonial-stars{color:var(--accent-cyan);gap:4px;margin-bottom:24px;display:flex}.testimonial-text{color:var(--text-light);margin-bottom:32px;font-size:18px;font-style:italic;font-weight:400;line-height:1.7}.testimonial-author{align-items:center;gap:16px;display:flex}.author-avatar{background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%);width:56px;height:56px;color:var(--text-white);border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.author-info h4{margin-bottom:4px;font-size:16px}.author-info p{color:var(--text-gray);font-size:13px}.slider-controls{justify-content:center;align-items:center;gap:20px;margin-top:32px;display:flex}.slider-btn{border:1px solid var(--border-glass);background:var(--btn-secondary-bg);width:44px;height:44px;color:var(--text-light);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.slider-btn:hover{background:var(--btn-secondary-hover-bg);border-color:var(--border-glass-hover);color:var(--accent-cyan);transform:scale(1.05)}.slider-dots{gap:8px;display:flex}.slider-dot{background:var(--slider-dot-inactive);cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);border-radius:50%}.slider-dot.active{background:var(--accent-cyan);border-radius:4px;width:24px}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:flex-start;gap:60px;margin-top:40px;display:grid}@media (width<=992px){.contact-grid{grid-template-columns:1fr;gap:40px}}.contact-info{text-align:left}.contact-info h3{margin-bottom:16px;font-size:28px}.contact-info p{color:var(--text-gray);margin-bottom:32px;font-size:16px;line-height:1.6}.contact-methods{flex-direction:column;gap:20px;display:flex}.contact-method-item{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.contact-method-icon{width:44px;height:44px;color:var(--accent-cyan);background:#00f0ff1a;border-radius:8px;justify-content:center;align-items:center;display:flex}.contact-method-details h4{margin-bottom:2px;font-size:15px}.contact-method-details p{color:var(--text-muted);margin:0;font-size:13px}.contact-form-container{border:1px solid var(--border-glass);background:var(--bg-glass);border-radius:24px;padding:40px;position:relative;overflow:hidden}.contact-form-container:before{content:"";background:linear-gradient(90deg, var(--accent-cyan) 0%, var(--accent-blue) 50%, var(--accent-purple) 100%);width:100%;height:4px;position:absolute;top:0;left:0}.form-group{text-align:left;margin-bottom:24px}.form-label{font-size:13px;font-family:var(--font-heading);color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-weight:600;display:block}.form-control{background:var(--form-input-bg);border:1px solid var(--border-glass);width:100%;color:var(--text-light);font-family:var(--font-body);transition:all var(--transition-fast);border-radius:12px;outline:none;padding:14px 18px;font-size:15px}.form-control:focus{background:var(--form-input-focus-bg);border-color:var(--accent-cyan);box-shadow:var(--form-input-focus-shadow)}textarea.form-control{resize:vertical;min-height:120px}.select-control{appearance:none;background-image:var(--select-chevron-url);background-position:right 18px center;background-repeat:no-repeat;background-size:16px}.select-control option{background:var(--bg-secondary);color:var(--text-light)}.submit-btn{width:100%;margin-top:10px;padding:16px;font-size:16px}.success-message{text-align:center;padding:40px 20px}.success-icon-container{width:64px;height:64px;color:var(--accent-cyan);background:#00f0ff1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex;box-shadow:0 0 20px #00f0ff4d}.success-message h3{margin-bottom:12px;font-size:24px}.success-message p{color:var(--text-gray);font-size:15px}.footer{border-top:1px solid var(--border-glass);background-color:var(--bg-footer);text-align:left;padding:80px 0 40px}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:40px;margin-bottom:60px;display:grid}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:32px}}.footer-brand h3{font-family:var(--font-heading);color:var(--text-white);margin-bottom:16px;font-size:22px;font-weight:700}.footer-brand h3 span{color:var(--accent-cyan)}.footer-brand p{color:var(--text-gray);max-width:280px;margin-bottom:24px;font-size:14px;line-height:1.6}.footer-socials{gap:12px;display:flex}.social-icon-btn{border:1px solid var(--border-glass);width:40px;height:40px;color:var(--text-gray);transition:all var(--transition-fast);background:#ffffff05;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-icon-btn:hover{background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%);color:var(--text-white);border-color:#ffffff1a;transform:translateY(-3px);box-shadow:0 0 15px #0052ff66}.footer-column h4{font-size:14px;font-family:var(--font-heading);color:var(--text-white);text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px;font-weight:600}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-link{color:var(--text-gray);transition:color var(--transition-fast);font-size:14px}.footer-link:hover{color:var(--accent-cyan)}.footer-bottom{border-top:1px solid var(--border-glass);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:32px;font-size:13px;display:flex}@media (width<=576px){.footer-bottom{text-align:center;flex-direction:column;gap:16px}}.footer-logo-wrapper{width:150px;height:38px;position:relative}.footer-logo-img{pointer-events:none;border-radius:4px;width:auto;height:38px;transition:opacity .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.footer-logo-img.logo-dark{opacity:1}.footer-logo-img.logo-light,[data-theme=light] .footer-logo-img.logo-dark{opacity:0}[data-theme=light] .footer-logo-img.logo-light{opacity:1}.chatbot-wrapper{z-index:1000;flex-direction:column;align-items:flex-end;gap:1rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:fixed;bottom:2rem;right:2rem}.chatbot-fab{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 32px #6366f166}.chatbot-fab:hover{transform:scale(1.05)translateY(-2px);box-shadow:0 12px 40px #6366f180}.chatbot-window{-webkit-backdrop-filter:blur(16px);transform-origin:100% 100%;background:#111827bf;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:400px;height:650px;max-height:calc(100vh - 100px);animation:.4s cubic-bezier(.16,1,.3,1) chatOpen;display:flex;overflow:hidden;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff0d}@keyframes chatOpen{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.chat-header{background:#ffffff08;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.chat-header-info{align-items:center;gap:12px;display:flex}.chat-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.chat-header-text h3{color:#fff;letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:600}.chat-header-text p{color:#fff9;align-items:center;gap:6px;margin:2px 0 0;font-size:.8rem;display:flex}.online-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block}.close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:all .2s;display:flex}.close-btn:hover{color:#fff;background:#ffffff1a}.chat-messages{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.message{flex-direction:column;max-width:90%;animation:.3s ease-out messageSlideIn;display:flex}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.bot{align-self:flex-start}.message.user{align-self:flex-end;align-items:flex-end}.message-content{color:#f3f4f6;word-break:break-word;border-radius:16px;padding:12px 16px;font-size:.95rem;line-height:1.5}.message.bot .message-content{background:#ffffff0d;border:1px solid #ffffff0d;border-bottom-left-radius:4px}.message.user .message-content{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom-right-radius:4px}.message-time{color:#fff6;margin-top:4px;font-size:.7rem}.typing-indicator{gap:4px;padding:4px 0;display:flex}.typing-dot{background-color:#ffffff80;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingBounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.suggested-questions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.suggested-btn{color:#a5b4fc;cursor:pointer;background:#6366f11a;border:1px solid #6366f14d;border-radius:20px;padding:6px 12px;font-size:.8rem;transition:all .2s}.suggested-btn:hover{color:#fff;background:#6366f133;transform:translateY(-1px)}.chat-input-area{background:#ffffff05;border-top:1px solid #ffffff0d;padding:1rem 1.5rem}.chat-input-wrapper{background:#0003;border:1px solid #ffffff1a;border-radius:24px;align-items:center;padding:6px 6px 6px 16px;transition:all .2s;display:flex}.chat-input-wrapper:focus-within{background:#0000004d;border-color:#6366f180;box-shadow:0 0 0 2px #6366f11a}.chat-input-wrapper input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.chat-input-wrapper input::placeholder{color:#ffffff4d}.send-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.send-btn:hover:not(:disabled){background:#4f46e5;transform:scale(1.05)}.send-btn:disabled{color:#ffffff4d;cursor:not-allowed;background:#ffffff1a}.lead-form{flex-direction:column;gap:12px;margin-top:8px;display:flex}.lead-form input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 12px;font-size:.9rem}.lead-form input:focus{border-color:#6366f1}.md-p{margin-bottom:.5rem}.md-p:last-child{margin-bottom:0}.md-strong{color:#fff;font-weight:600}.md-ul{margin:.5rem 0;padding-left:1.5rem;list-style-type:disc}.md-li{margin-bottom:.25rem}.md-code-block-wrapper{background:#1e1e2e;border:1px solid #ffffff1a;border-radius:8px;margin:.75rem 0;overflow:hidden}.md-code-header{color:#a5b4fc;background:#0006;justify-content:space-between;align-items:center;padding:6px 12px;font-size:.75rem;display:flex}.copy-btn{color:#a5b4fc;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.75rem;display:flex}.copy-btn:hover{color:#fff}.md-code-block{color:#cdd6f4;margin:0;padding:12px;font-family:Fira Code,Courier New,monospace;font-size:.85rem;overflow-x:auto}.md-inline-code{color:#a5b4fc;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-family:Fira Code,monospace;font-size:.85rem}@media (width<=480px){.chatbot-wrapper{bottom:1rem;right:1rem}.chatbot-window{border-radius:20px;width:calc(100vw - 2rem);height:calc(100vh - 100px)}}.sf-product-page{z-index:10;min-height:100vh;color:var(--text-light);padding:120px 0 80px;position:relative}.sf-product-container{max-width:1200px;margin:0 auto;padding:0 24px}.sf-back-btn{background:var(--btn-secondary-bg);border:1px solid var(--border-glass);color:var(--text-white);cursor:pointer;transition:all var(--transition-fast);border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.sf-back-btn:hover{background:var(--btn-secondary-hover-bg);border-color:var(--accent-blue);transform:translate(-4px)}.sf-header-section{margin-bottom:48px}.sf-tag{text-transform:uppercase;letter-spacing:.1em;color:#58a6ff;background:#0052ff1a;border:1px solid #0052ff33;border-radius:20px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.sf-title{font-size:3.5rem;line-height:1.15;font-family:var(--font-heading);margin-bottom:16px}.sf-subtitle{color:var(--text-gray);max-width:800px;font-size:1.25rem}.sf-page-tabs{border-bottom:1px solid var(--border-glass);gap:8px;margin-bottom:40px;padding-bottom:2px;display:flex}.sf-page-tab-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:12px 24px;font-size:15px;font-weight:600;position:relative}.sf-page-tab-btn:hover,.sf-page-tab-btn.active{color:var(--text-white)}.sf-page-tab-btn.active:after{content:"";background:linear-gradient(90deg, var(--accent-blue), var(--accent-cyan));border-radius:2px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.sf-overview-grid{grid-template-columns:1.2fr .8fr;gap:40px;margin-bottom:60px;display:grid}@media (width<=992px){.sf-overview-grid{grid-template-columns:1fr}}.sf-overview-main{flex-direction:column;gap:32px;display:flex}.sf-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;padding:32px;position:relative}.sf-card-title{color:var(--text-white);margin-bottom:16px;font-size:1.75rem}.sf-card p{color:var(--text-gray);margin-bottom:24px}.sf-simulator-section{margin-bottom:80px}.sf-simulator-card{background:#fff;border:1px solid #d8dde6;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #00000014}.sf-simulator-header{background:#f3f2f2;border-bottom:1px solid #d8dde6;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.sf-sim-dots{gap:8px;display:flex}.sf-sim-dot{border-radius:50%;width:12px;height:12px}.sf-sim-dot.red{background:#ff5f56}.sf-sim-dot.yellow{background:#ffbd2e}.sf-sim-dot.green{background:#27c93f}.sf-sim-title-bar{color:#514f4d;text-align:center;background:#fff;border:1px solid #d8dde6;border-radius:15px;width:100%;max-width:400px;margin:0 auto;padding:4px 20px;font-family:monospace;font-size:13px}.sf-sim-workspace{background:#fff;grid-template-columns:240px 1fr;min-height:580px;display:grid}@media (width<=768px){.sf-sim-workspace{grid-template-columns:1fr}}.sf-sim-sidebar{background:#f3f2f2;border-right:1px solid #d8dde6;flex-direction:column;gap:24px;padding:24px 16px;display:flex}.sf-sim-logo-container{font-family:var(--font-heading);color:#080707;border-bottom:1px solid #d8dde6;align-items:center;gap:8px;padding-bottom:16px;font-size:16px;font-weight:700;display:flex}.sf-sim-logo-icon{color:#0070d2;animation:2s infinite pulse}.sf-sim-menu-group{flex-direction:column;gap:6px;display:flex}.sf-sim-menu-title{color:#514f4d;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;padding-left:8px;font-size:11px;font-weight:700}.sf-sim-menu-item{color:#080707;cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.sf-sim-menu-item:hover{color:#080707;background:#e0e5ee}.sf-sim-menu-item.active{color:#0070d2;background:#e0e5ee;border-left:3px solid #0070d2;border-top-left-radius:0;border-bottom-left-radius:0;font-weight:600}.sf-sim-panel{background:#fff;max-height:600px;padding:28px;overflow-y:auto}.sf-sim-panel-header{border-bottom:1px solid #d8dde6;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.sf-sim-panel-header h2{color:#080707;font-size:1.5rem}.sf-overview-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.sf-stat-card{transition:all var(--transition-fast);background:#fff;border:1px solid #dddbda;border-radius:12px;padding:20px}.sf-stat-card:hover{background:#fafaf9;border-color:#c9c9c9;transform:translateY(-2px)}.sf-stat-val{color:#080707;font-size:2rem;font-weight:700;font-family:var(--font-heading);margin-bottom:4px}.sf-stat-label{color:#514f4d;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.sf-stat-indicator{align-items:center;gap:4px;margin-top:8px;font-size:11px;font-weight:600;display:flex}.sf-stat-indicator.warning{color:#f5a623}.sf-stat-indicator.danger{color:#ff5f56}.sf-stat-indicator.success{color:#27c93f}.sf-sim-table-card{background:#fff;border:1px solid #dddbda;border-radius:12px;padding:20px}.sf-sim-table-title{color:#080707;margin-bottom:16px;font-size:14px;font-weight:600}.sf-sim-table{border-collapse:collapse;width:100%;font-size:13px}.sf-sim-table th{text-align:left;color:#514f4d;border-bottom:1px solid #dddbda;padding:10px 12px;font-weight:600}.sf-sim-table td{color:#3e3e3e;border-bottom:1px solid #f3f2f2;padding:12px}.sf-sim-table tr:hover td{color:#080707;background:#f3f2f2}.sf-badge{border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.sf-badge.danger{color:#ff5f56;background:#ff5f5626}.sf-badge.warning{color:#f5a623;background:#f5a62326}.sf-badge.success{color:#27c93f;background:#27c93f26}.sf-wizard-steps{justify-content:space-between;margin-bottom:30px;padding:0 10px;display:flex;position:relative}.sf-wizard-steps:before{content:"";z-index:1;background:#dddbda;height:2px;position:absolute;top:15px;left:30px;right:30px}.sf-wizard-step{z-index:2;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.sf-step-num{color:#514f4d;width:32px;height:32px;transition:all var(--transition-fast);background:#fff;border:2px solid #dddbda;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sf-wizard-step.active .sf-step-num{color:#fff;background:#0070d2;border-color:#0070d2;box-shadow:0 0 10px #0070d233}.sf-wizard-step.completed .sf-step-num{color:#27c93f;background:#d8f0d8;border-color:#27c93f}.sf-step-label{color:#514f4d;text-align:center;font-size:11px;font-weight:500}.sf-wizard-step.active .sf-step-label{color:#080707;font-weight:600}.sf-wizard-body{background:#fff;border:1px solid #dddbda;border-radius:12px;min-height:280px;margin-bottom:24px;padding:24px}.sf-wizard-title{color:#080707;align-items:center;gap:8px;margin-bottom:20px;font-size:16px;font-weight:600;display:flex}.sf-wizard-footer{justify-content:space-between;display:flex}.sf-wizard-btn{color:#0070d2;cursor:pointer;transition:all var(--transition-fast);background:#fff;border:1px solid #dddbda;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:flex}.sf-wizard-btn:hover:not(:disabled){background:#f3f2f2;border-color:#c9c9c9}.sf-wizard-btn:disabled{opacity:.4;cursor:not-allowed}.sf-wizard-btn.primary{color:#fff;background:#0070d2;border-color:#0000}.sf-wizard-btn.primary:hover{background:#005fb2;box-shadow:0 0 12px #0070d233}.sf-radio-group{flex-direction:column;gap:12px;display:flex}.sf-radio-option{cursor:pointer;transition:all var(--transition-fast);background:#fff;border:1px solid #dddbda;border-radius:8px;align-items:flex-start;gap:12px;padding:14px;display:flex}.sf-radio-option:hover{background:#f3f2f2;border-color:#c9c9c9}.sf-radio-option.selected{background:#f0f8ff;border-color:#0070d2}.sf-radio-option input{margin-top:3px}.sf-radio-text h4{color:#080707;margin-bottom:2px;font-size:13px}.sf-radio-text p{color:#514f4d;margin-bottom:0;font-size:12px}.sf-check-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:8px;display:grid}.sf-grid-header{color:#514f4d;border-bottom:1px solid #dddbda;padding:8px;font-size:12px;font-weight:600}.sf-grid-cell{color:#080707;border-bottom:1px solid #f3f2f2;align-items:center;padding:8px;font-size:12px;display:flex}.sf-grid-cell.label{color:#080707;font-weight:500}.sf-diff-container{flex-direction:column;gap:12px;display:flex}.sf-diff-row{color:#3e3e3e;background:#fff;border:1px solid #dddbda;border-radius:6px;grid-template-columns:1fr 1fr 1fr;padding:10px 14px;font-size:12px;display:grid}.sf-diff-row.changed{background:#fffbf5;border-color:#f3d09a}.sf-diff-label{color:#080707;font-weight:500}.sf-diff-old{color:#ff5f56;text-decoration:line-through}.sf-diff-new{color:#27c93f;font-weight:600}.sf-success-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px 10px;display:flex}.sf-success-icon{color:#27c93f;background:#27c93f26;border:2px solid #27c93f;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:16px;animation:.4s cubic-bezier(.175,.885,.32,1.275) pop;display:flex}.sf-success-view h3{color:#080707;margin-bottom:8px;font-size:18px}.sf-success-view p{color:#514f4d;max-width:320px;font-size:13px}.sf-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.sf-modal{background:#fff;border:1px solid #0070d2;border-radius:16px;width:100%;max-width:440px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 10px 30px #00000026}.sf-modal-header{color:#080707;margin-bottom:12px;font-size:16px;font-weight:600}.sf-modal-body{color:#3e3e3e;margin-bottom:24px;font-size:13px;line-height:1.5}.sf-modal-footer{justify-content:flex-end;gap:12px;display:flex}.sf-checklist{flex-direction:column;gap:12px;display:flex}.sf-checklist-item{background:#fff;border:1px solid #dddbda;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sf-check-info{align-items:center;gap:12px;display:flex}.sf-check-icon{justify-content:center;align-items:center;display:flex}.sf-check-title{color:#080707;font-size:13px;font-weight:500}.sf-check-status{color:#3e3e3e;font-size:11px;font-weight:600}.sf-grid-capabilities{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:80px;display:grid}.sf-cap-card{background:var(--bg-card);border:1px solid var(--border-glass);transition:all var(--transition-fast);border-radius:16px;padding:24px}.sf-cap-card:hover{background:var(--bg-card-hover);border-color:var(--accent-blue);transform:translateY(-4px);box-shadow:0 10px 20px #0052ff0d}.sf-cap-icon{width:48px;height:48px;color:var(--accent-blue);background:#0052ff1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.sf-cap-card h3{color:var(--text-white);margin-bottom:8px;font-size:1.25rem}.sf-cap-card p{color:var(--text-gray);font-size:14px;line-height:1.5}.sf-comparison-section{margin-bottom:80px}.sf-comparison-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=768px){.sf-comparison-grid{grid-template-columns:1fr}}.sf-comp-column{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;height:100%;padding:32px}.sf-comp-column.challenge{border-top:4px solid #ff5f56}.sf-comp-column.solution{background:linear-gradient(#27c93f03 0%,#0000 100%);border-top:4px solid #27c93f}.sf-comp-title{color:var(--text-white);align-items:center;gap:12px;margin-bottom:24px;font-size:1.5rem;display:flex}.sf-comp-list{flex-direction:column;gap:16px;list-style:none;display:flex}.sf-comp-item{align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex}.sf-comp-item-icon{flex-shrink:0;margin-top:3px}.sf-comp-item-icon.cross{color:#ff5f56}.sf-comp-item-icon.check{color:#27c93f}.sf-benefits-section{margin-bottom:80px}.sf-benefits-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.sf-benefit-card{border:1px solid var(--border-glass);text-align:center;transition:all var(--transition-fast);background:#ffffff04;border-radius:12px;padding:20px}.sf-benefit-card:hover{border-color:var(--accent-cyan);background:#ffffff09}.sf-benefit-icon{color:var(--accent-cyan);margin-bottom:12px;display:inline-block}.sf-benefit-card h4{color:var(--text-white);margin-bottom:6px;font-size:14px}.sf-benefit-card p{color:var(--text-muted);margin-bottom:0;font-size:12px;line-height:1.4}.sf-usecases-section{margin-bottom:60px}.sf-usecase-tabs{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:24px;display:grid}.sf-usecase-tab{background:var(--btn-secondary-bg);border:1px solid var(--border-glass);color:var(--text-gray);cursor:pointer;text-align:center;transition:all var(--transition-fast);border-radius:10px;padding:14px;font-size:13px;font-weight:600}.sf-usecase-tab:hover{color:var(--text-white);border-color:var(--border-glass-hover)}.sf-usecase-tab.active{border-color:var(--accent-blue);color:var(--text-white);box-shadow:var(--shadow-neon-blue);background:linear-gradient(135deg,#0052ff26 0%,#00f0ff0d 100%)}.sf-usecase-content{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;min-height:180px;padding:32px;animation:.4s ease-out fadeIn}.sf-usecase-content h3{color:var(--text-white);margin-bottom:12px;font-size:1.5rem}.sf-usecase-content p{color:var(--text-gray);margin-bottom:0;font-size:14px;line-height:1.6}.sf-cta-section{border-top:1px solid var(--border-glass);text-align:center;padding-top:60px}.sf-cta-section h2{margin-bottom:16px;font-size:2.25rem}.sf-cta-section p{color:var(--text-gray);max-width:600px;margin:0 auto 32px}.sf-cta-btn{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:30px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #0052ff4d}.sf-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0052ff80,0 0 10px #00f0ff4d}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sfo-product-page{z-index:10;min-height:100vh;color:var(--text-light);padding:120px 0 80px;position:relative}.sfo-product-container{max-width:1200px;margin:0 auto;padding:0 24px}.sfo-back-btn{background:var(--btn-secondary-bg);border:1px solid var(--border-glass);color:var(--text-white);cursor:pointer;transition:all var(--transition-fast);border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.sfo-back-btn:hover{background:var(--btn-secondary-hover-bg);border-color:var(--accent-blue);transform:translate(-4px)}.sfo-header-section{margin-bottom:48px}.sfo-tag{text-transform:uppercase;letter-spacing:.1em;color:#00f0ff;background:#00f0ff1a;border:1px solid #00f0ff33;border-radius:20px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.sfo-title{font-size:3.5rem;line-height:1.15;font-family:var(--font-heading);margin-bottom:16px}.sfo-subtitle{color:var(--text-gray);max-width:800px;font-size:1.25rem}.sfo-page-tabs{border-bottom:1px solid var(--border-glass);gap:8px;margin-bottom:40px;padding-bottom:2px;display:flex}.sfo-page-tab-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:12px 24px;font-size:15px;font-weight:600;position:relative}.sfo-page-tab-btn:hover,.sfo-page-tab-btn.active{color:var(--text-white)}.sfo-page-tab-btn.active:after{content:"";background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));border-radius:2px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.sfo-overview-grid{grid-template-columns:1.2fr .8fr;gap:40px;margin-bottom:60px;display:grid}@media (width<=992px){.sfo-overview-grid{grid-template-columns:1fr}}.sfo-overview-main{flex-direction:column;gap:32px;display:flex}.sfo-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;padding:32px;position:relative}.sfo-card-title{color:var(--text-white);margin-bottom:16px;font-size:1.75rem}.sfo-card p{color:var(--text-gray);margin-bottom:24px}.sfo-simulator-section{margin-bottom:80px}.sfo-simulator-card{background:#fff;border:1px solid #d8dde6;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #00000014}.sfo-simulator-header{background:#f3f2f2;border-bottom:1px solid #d8dde6;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.sfo-sim-dots{gap:8px;display:flex}.sfo-sim-dot{border-radius:50%;width:12px;height:12px}.sfo-sim-dot.red{background:#ff5f56}.sfo-sim-dot.yellow{background:#ffbd2e}.sfo-sim-dot.green{background:#27c93f}.sfo-sim-title-bar{color:#514f4d;text-align:center;background:#fff;border:1px solid #d8dde6;border-radius:15px;width:100%;max-width:400px;margin:0 auto;padding:4px 20px;font-family:monospace;font-size:13px}.sfo-sim-workspace{background:#fff;grid-template-columns:240px 1fr;min-height:580px;display:grid}@media (width<=768px){.sfo-sim-workspace{grid-template-columns:1fr}}.sfo-sim-sidebar{background:#f3f2f2;border-right:1px solid #d8dde6;flex-direction:column;gap:24px;padding:24px 16px;display:flex}.sfo-sim-logo-container{font-family:var(--font-heading);color:#080707;border-bottom:1px solid #d8dde6;align-items:center;gap:8px;padding-bottom:16px;font-size:16px;font-weight:700;display:flex}.sfo-sim-logo-icon{color:#0070d2;animation:2s infinite pulse}.sfo-sim-menu-group{flex-direction:column;gap:6px;display:flex}.sfo-sim-menu-title{color:#514f4d;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;padding-left:8px;font-size:11px;font-weight:700}.sfo-sim-menu-item{color:#080707;cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.sfo-sim-menu-item:hover{color:#080707;background:#e0e5ee}.sfo-sim-menu-item.active{color:#0070d2;background:#e0e5ee;border-left:3px solid #0070d2;border-top-left-radius:0;border-bottom-left-radius:0;font-weight:600}.sfo-sim-panel{background:#fff;max-height:600px;padding:28px;overflow-y:auto}.sfo-sim-panel-header{border-bottom:1px solid #d8dde6;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.sfo-sim-panel-header h2{color:#080707;font-size:1.5rem}.sfo-explorer-dropdown{align-items:center;gap:12px;margin-bottom:20px;display:flex}.sfo-explorer-select{color:#080707;cursor:pointer;background:#fff;border:1px solid #dddbda;border-radius:8px;outline:none;padding:8px 16px;font-size:13px}.sfo-explorer-select:focus{border-color:#0070d2}.sfo-limits-container{background:#f8f9fa;border:1px solid #dddbda;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:24px;padding:16px;display:flex}.sfo-limit-bar-wrapper{background:#e0e5ee;border-radius:4px;width:100%;height:8px;overflow:hidden}.sfo-limit-bar{background:#0070d2;border-radius:4px;height:100%;transition:width .5s ease-out}.sfo-limits-title{color:#514f4d;justify-content:space-between;font-size:12px;font-weight:600;display:flex}.sfo-studio-layout{background:#fff;border:1px solid #dddbda;border-radius:12px;overflow:hidden}.sfo-studio-section-title{color:#514f4d;text-transform:uppercase;letter-spacing:.05em;background:#f3f2f2;border-bottom:1px solid #dddbda;padding:10px 16px;font-size:12px;font-weight:700}.sfo-studio-grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.sfo-studio-field-box{cursor:grab;color:#080707;background:#f8f9fa;border:1px dashed #dddbda;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;font-size:13px;transition:all .2s;display:flex}.sfo-studio-field-box:hover{background:#eaf5fe;border-color:#0070d2;transform:translateY(-1px)}.sfo-studio-field-name{font-weight:500}.sfo-studio-field-actions{color:#514f4d;gap:8px;display:flex}.sfo-studio-actions-bar{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.sfo-upload-area{text-align:center;cursor:pointer;background:#f8f9fa;border:2px dashed #dddbda;border-radius:12px;padding:40px 20px;transition:all .2s}.sfo-upload-area:hover{background:#f0f8ff;border-color:#0070d2}.sfo-upload-icon{color:#0070d2;margin-bottom:12px;display:inline-block}.sfo-upload-text{color:#080707;margin-bottom:4px;font-size:14px;font-weight:500}.sfo-upload-subtext{color:#514f4d;font-size:12px}.sfo-overview-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.sfo-stat-card{transition:all var(--transition-fast);background:#fff;border:1px solid #dddbda;border-radius:12px;padding:20px}.sfo-stat-card:hover{background:#fafaf9;border-color:#c9c9c9;transform:translateY(-2px)}.sfo-stat-val{color:#080707;font-size:2rem;font-weight:700;font-family:var(--font-heading);margin-bottom:4px}.sfo-stat-label{color:#514f4d;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.sfo-stat-indicator{align-items:center;gap:4px;margin-top:8px;font-size:11px;font-weight:600;display:flex}.sfo-stat-indicator.warning{color:#f5a623}.sfo-stat-indicator.danger{color:#ff5f56}.sfo-stat-indicator.success{color:#27c93f}.sfo-sim-table-card{background:#fff;border:1px solid #dddbda;border-radius:12px;padding:20px}.sfo-sim-table-title{color:#080707;margin-bottom:16px;font-size:14px;font-weight:600}.sfo-sim-table{border-collapse:collapse;width:100%;font-size:13px}.sfo-sim-table th{text-align:left;color:#514f4d;border-bottom:1px solid #dddbda;padding:10px 12px;font-weight:600}.sfo-sim-table td{color:#3e3e3e;border-bottom:1px solid #f3f2f2;padding:12px}.sfo-sim-table tr:hover td{color:#080707;background:#f3f2f2}.sfo-badge{border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.sfo-badge.danger{color:#ff5f56;background:#ff5f5626}.sfo-badge.warning{color:#f5a623;background:#f5a62326}.sfo-badge.success{color:#27c93f;background:#27c93f26}.sfo-wizard-steps{justify-content:space-between;margin-bottom:30px;padding:0 10px;display:flex;position:relative}.sfo-wizard-steps:before{content:"";z-index:1;background:#dddbda;height:2px;position:absolute;top:15px;left:30px;right:30px}.sfo-wizard-step{z-index:2;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.sfo-step-num{color:#514f4d;width:32px;height:32px;transition:all var(--transition-fast);background:#fff;border:2px solid #dddbda;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sfo-wizard-step.active .sfo-step-num{color:#fff;background:#0070d2;border-color:#0070d2;box-shadow:0 0 10px #0070d233}.sfo-wizard-step.completed .sfo-step-num{color:#27c93f;background:#d8f0d8;border-color:#27c93f}.sfo-step-label{color:#514f4d;text-align:center;font-size:11px;font-weight:500}.sfo-wizard-step.active .sfo-step-label{color:#080707;font-weight:600}.sfo-wizard-body{background:#fff;border:1px solid #dddbda;border-radius:12px;min-height:280px;margin-bottom:24px;padding:24px}.sfo-wizard-title{color:#080707;align-items:center;gap:8px;margin-bottom:20px;font-size:16px;font-weight:600;display:flex}.sfo-wizard-footer{justify-content:space-between;display:flex}.sfo-wizard-btn{color:#0070d2;cursor:pointer;transition:all var(--transition-fast);background:#fff;border:1px solid #dddbda;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:flex}.sfo-wizard-btn:hover:not(:disabled){background:#f3f2f2;border-color:#c9c9c9}.sfo-wizard-btn:disabled{opacity:.4;cursor:not-allowed}.sfo-wizard-btn.primary{color:#fff;background:#0070d2;border-color:#0000}.sfo-wizard-btn.primary:hover{background:#005fb2;box-shadow:0 0 12px #0070d233}.sfo-radio-group{flex-direction:column;gap:12px;display:flex}.sfo-radio-option{cursor:pointer;transition:all var(--transition-fast);background:#fff;border:1px solid #dddbda;border-radius:8px;align-items:flex-start;gap:12px;padding:14px;display:flex}.sfo-radio-option:hover{background:#f3f2f2;border-color:#c9c9c9}.sfo-radio-option.selected{background:#f0f8ff;border-color:#0070d2}.sfo-radio-option input{margin-top:3px}.sfo-radio-text h4{color:#080707;margin-bottom:2px;font-size:13px}.sfo-radio-text p{color:#514f4d;margin-bottom:0;font-size:12px}.sfo-check-grid{grid-template-columns:1.5fr repeat(2,1fr);gap:8px;display:grid}.sfo-grid-header{color:#514f4d;border-bottom:1px solid #dddbda;padding:8px;font-size:12px;font-weight:600}.sfo-grid-cell{color:#080707;border-bottom:1px solid #f3f2f2;align-items:center;padding:8px;font-size:12px;display:flex}.sfo-grid-cell.label{color:#080707;font-weight:500}.sfo-diff-container{flex-direction:column;gap:12px;display:flex}.sfo-diff-row{color:#3e3e3e;background:#fff;border:1px solid #dddbda;border-radius:6px;grid-template-columns:1.5fr 1fr 1fr;padding:10px 14px;font-size:12px;display:grid}.sfo-diff-row.changed{background:#fffbf5;border-color:#f3d09a}.sfo-diff-label{color:#080707;font-weight:500}.sfo-diff-old{color:#ff5f56}.sfo-diff-new{color:#27c93f;font-weight:600}.sfo-success-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px 10px;display:flex}.sfo-success-icon{color:#27c93f;background:#27c93f26;border:2px solid #27c93f;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:16px;animation:.4s cubic-bezier(.175,.885,.32,1.275) pop;display:flex}.sfo-success-view h3{color:#080707;margin-bottom:8px;font-size:18px}.sfo-success-view p{color:#514f4d;max-width:320px;font-size:13px}.sfo-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.sfo-modal{background:#fff;border:1px solid #0070d2;border-radius:16px;width:100%;max-width:440px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 10px 30px #00000026}.sfo-modal-header{color:#080707;margin-bottom:12px;font-size:16px;font-weight:600}.sfo-modal-body{color:#3e3e3e;margin-bottom:24px;font-size:13px;line-height:1.5}.sfo-modal-footer{justify-content:flex-end;gap:12px;display:flex}.sfo-checklist{flex-direction:column;gap:12px;display:flex}.sfo-checklist-item{background:#fff;border:1px solid #dddbda;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sfo-check-info{align-items:center;gap:12px;display:flex}.sfo-check-icon{justify-content:center;align-items:center;display:flex}.sfo-check-title{color:#080707;font-size:13px;font-weight:500}.sfo-check-status{color:#3e3e3e;font-size:11px;font-weight:600}.sfo-grid-capabilities{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:80px;display:grid}.sfo-cap-card{background:var(--bg-card);border:1px solid var(--border-glass);transition:all var(--transition-fast);border-radius:16px;padding:24px}.sfo-cap-card:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan);transform:translateY(-4px);box-shadow:0 10px 20px #00f0ff0d}.sfo-cap-icon{width:48px;height:48px;color:var(--accent-cyan);background:#00f0ff1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.sfo-cap-card h3{color:var(--text-white);margin-bottom:8px;font-size:1.25rem}.sfo-cap-card p{color:var(--text-gray);font-size:14px;line-height:1.5}.sfo-comparison-section{margin-bottom:80px}.sfo-comparison-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=768px){.sfo-comparison-grid{grid-template-columns:1fr}}.sfo-comp-column{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;height:100%;padding:32px}.sfo-comp-column.challenge{border-top:4px solid #ff5f56}.sfo-comp-column.solution{background:linear-gradient(#27c93f03 0%,#0000 100%);border-top:4px solid #27c93f}.sfo-comp-title{color:var(--text-white);align-items:center;gap:12px;margin-bottom:24px;font-size:1.5rem;display:flex}.sfo-comp-list{flex-direction:column;gap:16px;list-style:none;display:flex}.sfo-comp-item{align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex}.sfo-comp-item-icon{flex-shrink:0;margin-top:3px}.sfo-comp-item-icon.cross{color:#ff5f56}.sfo-comp-item-icon.check{color:#27c93f}.sfo-benefits-section{margin-bottom:80px}.sfo-benefits-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.sfo-benefit-card{border:1px solid var(--border-glass);text-align:center;transition:all var(--transition-fast);background:#ffffff04;border-radius:12px;padding:20px}.sfo-benefit-card:hover{border-color:var(--accent-purple);background:#ffffff09}.sfo-benefit-icon{color:var(--accent-purple);margin-bottom:12px;display:inline-block}.sfo-benefit-card h4{color:var(--text-white);margin-bottom:6px;font-size:14px}.sfo-benefit-card p{color:var(--text-muted);margin-bottom:0;font-size:12px;line-height:1.4}.sfo-usecases-section{margin-bottom:60px}.sfo-usecase-tabs{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:24px;display:grid}.sfo-usecase-tab{background:var(--btn-secondary-bg);border:1px solid var(--border-glass);color:var(--text-gray);cursor:pointer;text-align:center;transition:all var(--transition-fast);border-radius:10px;padding:14px;font-size:13px;font-weight:600}.sfo-usecase-tab:hover{color:var(--text-white);border-color:var(--border-glass-hover)}.sfo-usecase-tab.active{border-color:var(--accent-cyan);color:var(--text-white);box-shadow:var(--shadow-neon-cyan);background:linear-gradient(135deg,#00f0ff26 0%,#bf5af20d 100%)}.sfo-usecase-content{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;min-height:180px;padding:32px;animation:.4s ease-out fadeIn}.sfo-usecase-content h3{color:var(--text-white);margin-bottom:12px;font-size:1.5rem}.sfo-usecase-content p{color:var(--text-gray);margin-bottom:0;font-size:14px;line-height:1.6}.sfo-cta-section{border-top:1px solid var(--border-glass);text-align:center;padding-top:60px}.sfo-cta-section h2{margin-bottom:16px;font-size:2.25rem}.sfo-cta-section p{color:var(--text-gray);max-width:600px;margin:0 auto 32px}.sfo-cta-btn{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:30px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #00f0ff33}.sfo-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f0ff66,0 0 10px #bf5af24d}.udt-product-page{z-index:10;min-height:100vh;color:var(--text-light);padding:120px 0 80px;position:relative}.udt-product-container{max-width:1200px;margin:0 auto;padding:0 24px}.udt-back-btn{background:var(--btn-secondary-bg);border:1px solid var(--border-glass);color:var(--text-white);cursor:pointer;transition:all var(--transition-fast);border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.udt-back-btn:hover{background:var(--btn-secondary-hover-bg);border-color:var(--accent-blue);transform:translate(-4px)}.udt-header-section{margin-bottom:48px}.udt-tag{text-transform:uppercase;letter-spacing:.1em;color:#58a6ff;background:#0052ff1a;border:1px solid #0052ff33;border-radius:20px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.udt-title{font-size:3.5rem;line-height:1.15;font-family:var(--font-heading);margin-bottom:16px}.udt-subtitle{color:var(--text-gray);max-width:800px;font-size:1.25rem}.udt-page-tabs{border-bottom:1px solid var(--border-glass);gap:8px;margin-bottom:40px;padding-bottom:2px;display:flex}.udt-page-tab-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:12px 24px;font-size:15px;font-weight:600;position:relative}.udt-page-tab-btn:hover,.udt-page-tab-btn.active{color:var(--text-white)}.udt-page-tab-btn.active:after{content:"";background:linear-gradient(90deg, var(--accent-blue), var(--accent-cyan));border-radius:2px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.udt-overview-grid{grid-template-columns:1.2fr .8fr;gap:40px;margin-bottom:60px;display:grid}@media (width<=992px){.udt-overview-grid{grid-template-columns:1fr}}.udt-overview-main{flex-direction:column;gap:32px;display:flex}.udt-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;padding:32px;position:relative}.udt-card-title{color:var(--text-white);margin-bottom:16px;font-size:1.75rem}.udt-card p{color:var(--text-gray);margin-bottom:24px}.udt-simulator-section{margin-bottom:80px}.udt-simulator-card{background:#fff;border:1px solid #d8dde6;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #00000014}.udt-simulator-header{background:#f3f2f2;border-bottom:1px solid #d8dde6;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.udt-sim-dots{gap:8px;display:flex}.udt-sim-dot{border-radius:50%;width:12px;height:12px}.udt-sim-dot.red{background:#ff5f56}.udt-sim-dot.yellow{background:#ffbd2e}.udt-sim-dot.green{background:#27c93f}.udt-sim-title-bar{color:#514f4d;text-align:center;background:#fff;border:1px solid #d8dde6;border-radius:15px;width:100%;max-width:400px;margin:0 auto;padding:4px 20px;font-family:monospace;font-size:13px}.udt-sim-workspace{background:#fff;grid-template-columns:240px 1fr;min-height:580px;display:grid}@media (width<=768px){.udt-sim-workspace{grid-template-columns:1fr}}.udt-sim-sidebar{background:#f3f2f2;border-right:1px solid #d8dde6;flex-direction:column;gap:24px;padding:24px 16px;display:flex}.udt-sim-logo-container{font-family:var(--font-heading);color:#080707;border-bottom:1px solid #d8dde6;align-items:center;gap:8px;padding-bottom:16px;font-size:16px;font-weight:700;display:flex}.udt-sim-logo-icon{color:#0070d2;animation:2s infinite pulse}.udt-sim-menu-group{flex-direction:column;gap:6px;display:flex}.udt-sim-menu-title{color:#514f4d;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;padding-left:8px;font-size:11px;font-weight:700}.udt-sim-menu-item{color:#080707;cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.udt-sim-menu-item:hover{color:#080707;background:#e0e5ee}.udt-sim-menu-item.active{color:#0070d2;background:#e0e5ee;border-left:3px solid #0070d2;border-top-left-radius:0;border-bottom-left-radius:0;font-weight:600}.udt-sim-panel{background:#fff;max-height:600px;padding:28px;overflow-y:auto}.udt-sim-panel-header{border-bottom:1px solid #d8dde6;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.udt-sim-panel-header h2{color:#080707;font-size:1.5rem}.udt-table-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.udt-search-wrapper{background:#fff;border:1px solid #dddbda;border-radius:8px;align-items:center;width:100%;max-width:320px;padding:6px 12px;display:flex}.udt-search-input{color:#080707;border:none;outline:none;width:100%;margin-left:8px;font-size:13px}.udt-sim-table-card{background:#fff;border:1px solid #dddbda;border-radius:12px;padding:20px}.udt-sim-table-title{color:#080707;margin-bottom:16px;font-size:14px;font-weight:600}.udt-sim-table{border-collapse:collapse;width:100%;font-size:13px}.udt-sim-table th{text-align:left;color:#514f4d;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #dddbda;padding:10px 12px;font-weight:600}.udt-sim-table th:hover{color:#080707;background:#f8f9fa}.udt-sim-table td{color:#3e3e3e;border-bottom:1px solid #f3f2f2;padding:12px}.udt-sim-table tr:hover td{color:#080707;background:#f3f2f2}.udt-badge{border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.udt-badge.success{color:#27c93f;background:#27c93f26}.udt-badge.warning{color:#f5a623;background:#f5a62326}.udt-badge.info{color:#0052ff;background:#0052ff26}.udt-filter-columns-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.udt-filter-columns-grid{grid-template-columns:1fr}}.udt-columns-panel{background:#f8f9fa;border:1px solid #dddbda;border-radius:12px;padding:20px}.udt-columns-title{color:#080707;margin-bottom:16px;font-size:14px;font-weight:600}.udt-checkbox-list{flex-direction:column;gap:12px;display:flex}.udt-checkbox-label{color:#080707;cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.udt-filter-rules-panel{background:#f8f9fa;border:1px solid #dddbda;border-radius:12px;padding:20px}.udt-filter-rule-row{gap:8px;margin-bottom:12px;display:flex}.udt-filter-select,.udt-filter-input{color:#080707;background:#fff;border:1px solid #dddbda;border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.udt-filter-select{cursor:pointer}.udt-filter-select:focus,.udt-filter-input:focus{border-color:#0070d2}.udt-upload-area{text-align:center;cursor:pointer;background:#f8f9fa;border:2px dashed #dddbda;border-radius:12px;padding:40px 20px;transition:all .2s}.udt-upload-area:hover{background:#f0f8ff;border-color:#0070d2}.udt-upload-icon{color:#0070d2;margin-bottom:12px;display:inline-block}.udt-upload-text{color:#080707;margin-bottom:4px;font-size:14px;font-weight:500}.udt-upload-subtext{color:#514f4d;font-size:12px}.udt-wizard-steps{justify-content:space-between;margin-bottom:30px;padding:0 10px;display:flex;position:relative}.udt-wizard-steps:before{content:"";z-index:1;background:#dddbda;height:2px;position:absolute;top:15px;left:30px;right:30px}.udt-wizard-step{z-index:2;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.udt-step-num{color:#514f4d;width:32px;height:32px;transition:all var(--transition-fast);background:#fff;border:2px solid #dddbda;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.udt-wizard-step.active .udt-step-num{color:#fff;background:#0070d2;border-color:#0070d2;box-shadow:0 0 10px #0070d233}.udt-wizard-step.completed .udt-step-num{color:#27c93f;background:#d8f0d8;border-color:#27c93f}.udt-step-label{color:#514f4d;text-align:center;font-size:11px;font-weight:500}.udt-wizard-step.active .udt-step-label{color:#080707;font-weight:600}.udt-wizard-body{background:#fff;border:1px solid #dddbda;border-radius:12px;min-height:280px;margin-bottom:24px;padding:24px}.udt-wizard-title{color:#080707;align-items:center;gap:8px;margin-bottom:20px;font-size:16px;font-weight:600;display:flex}.udt-wizard-footer{justify-content:space-between;display:flex}.udt-wizard-btn{color:#0070d2;cursor:pointer;transition:all var(--transition-fast);background:#fff;border:1px solid #dddbda;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:flex}.udt-wizard-btn:hover:not(:disabled){background:#f3f2f2;border-color:#c9c9c9}.udt-wizard-btn:disabled{opacity:.4;cursor:not-allowed}.udt-wizard-btn.primary{color:#fff;background:#0070d2;border-color:#0000}.udt-wizard-btn.primary:hover{background:#005fb2;box-shadow:0 0 12px #0070d233}.udt-matrix-config{background:#f8f9fa;border:1px solid #dddbda;border-radius:12px;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px;display:flex}.udt-matrix-controls{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.udt-matrix-label{color:#514f4d;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.udt-matrix-table-wrapper{background:#fff;border:1px solid #dddbda;border-radius:12px;overflow-x:auto}.udt-matrix-table{border-collapse:collapse;width:100%;min-width:500px;font-size:13px}.udt-matrix-table th,.udt-matrix-table td{text-align:center;border:1px solid #dddbda;padding:12px}.udt-matrix-table th{color:#080707;background:#f3f2f2;font-weight:600}.udt-matrix-table td.header-cell{color:#080707;text-align:left;background:#f8f9fa;font-weight:600}.udt-matrix-table td.total-cell{color:#080707;background:#f3f2f2;font-weight:700}.udt-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.udt-modal{background:#fff;border:1px solid #0070d2;border-radius:16px;width:100%;max-width:440px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 10px 30px #00000026}.udt-modal-header{color:#080707;margin-bottom:16px;font-size:16px;font-weight:600}.udt-modal-body{color:#3e3e3e;flex-direction:column;gap:12px;margin-bottom:24px;font-size:13px;line-height:1.5;display:flex}.udt-modal-footer{justify-content:flex-end;gap:12px;display:flex}.udt-form-group{flex-direction:column;gap:6px;display:flex}.udt-form-label{color:#514f4d;font-size:11px;font-weight:600}.udt-overview-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.udt-stat-card{transition:all var(--transition-fast);background:#fff;border:1px solid #dddbda;border-radius:12px;padding:20px}.udt-stat-card:hover{background:#fafaf9;border-color:#c9c9c9;transform:translateY(-2px)}.udt-stat-val{color:#080707;font-size:2rem;font-weight:700;font-family:var(--font-heading);margin-bottom:4px}.udt-stat-label{color:#514f4d;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.udt-checklist{flex-direction:column;gap:12px;display:flex}.udt-checklist-item{background:#fff;border:1px solid #dddbda;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.udt-check-info{align-items:center;gap:12px;display:flex}.udt-check-icon{justify-content:center;align-items:center;display:flex}.udt-check-title{color:#080707;font-size:13px;font-weight:500}.udt-check-status{color:#3e3e3e;font-size:11px;font-weight:600}.udt-grid-capabilities{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:80px;display:grid}.udt-cap-card{background:var(--bg-card);border:1px solid var(--border-glass);transition:all var(--transition-fast);border-radius:16px;padding:24px}.udt-cap-card:hover{background:var(--bg-card-hover);border-color:var(--accent-blue);transform:translateY(-4px);box-shadow:0 10px 20px #0052ff0d}.udt-cap-icon{width:48px;height:48px;color:var(--accent-blue);background:#0052ff1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.udt-cap-card h3{color:var(--text-white);margin-bottom:8px;font-size:1.25rem}.udt-cap-card p{color:var(--text-gray);font-size:14px;line-height:1.5}.udt-comparison-section{margin-bottom:80px}.udt-comparison-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=768px){.udt-comparison-grid{grid-template-columns:1fr}}.udt-comp-column{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;height:100%;padding:32px}.udt-comp-column.challenge{border-top:4px solid #ff5f56}.udt-comp-column.solution{background:linear-gradient(#27c93f03 0%,#0000 100%);border-top:4px solid #27c93f}.udt-comp-title{color:var(--text-white);align-items:center;gap:12px;margin-bottom:24px;font-size:1.5rem;display:flex}.udt-comp-list{flex-direction:column;gap:16px;list-style:none;display:flex}.udt-comp-item{align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex}.udt-comp-item-icon{flex-shrink:0;margin-top:3px}.udt-comp-item-icon.cross{color:#ff5f56}.udt-comp-item-icon.check{color:#27c93f}.udt-benefits-section{margin-bottom:80px}.udt-benefits-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.udt-benefit-card{border:1px solid var(--border-glass);text-align:center;transition:all var(--transition-fast);background:#ffffff04;border-radius:12px;padding:20px}.udt-benefit-card:hover{border-color:var(--accent-cyan);background:#ffffff09}.udt-benefit-icon{color:var(--accent-cyan);margin-bottom:12px;display:inline-block}.udt-benefit-card h4{color:var(--text-white);margin-bottom:6px;font-size:14px}.udt-benefit-card p{color:var(--text-muted);margin-bottom:0;font-size:12px;line-height:1.4}.udt-usecases-section{margin-bottom:60px}.udt-usecase-tabs{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:24px;display:grid}.udt-usecase-tab{background:var(--btn-secondary-bg);border:1px solid var(--border-glass);color:var(--text-gray);cursor:pointer;text-align:center;transition:all var(--transition-fast);border-radius:10px;padding:14px;font-size:13px;font-weight:600}.udt-usecase-tab:hover{color:var(--text-white);border-color:var(--border-glass-hover)}.udt-usecase-tab.active{border-color:var(--accent-blue);color:var(--text-white);box-shadow:var(--shadow-neon-blue);background:linear-gradient(135deg,#0052ff26 0%,#00f0ff0d 100%)}.udt-usecase-content{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;min-height:180px;padding:32px;animation:.4s ease-out fadeIn}.udt-usecase-content h3{color:var(--text-white);margin-bottom:12px;font-size:1.5rem}.udt-usecase-content p{color:var(--text-gray);margin-bottom:0;font-size:14px;line-height:1.6}.udt-cta-section{border-top:1px solid var(--border-glass);text-align:center;padding-top:60px}.udt-cta-section h2{margin-bottom:16px;font-size:2.25rem}.udt-cta-section p{color:var(--text-gray);max-width:600px;margin:0 auto 32px}.udt-cta-btn{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:30px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #0052ff4d}.udt-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0052ff80,0 0 10px #00f0ff4d}.connect-page{justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:80px 24px 60px;display:flex;position:relative;overflow:hidden}.connect-page.connect-page--direct{padding-top:40px}.connect-bg-radial{pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 30% 10%,#0052ff1f 0%,#0000 70%),radial-gradient(50% 50% at 75% 80%,#bf5af21a 0%,#0000 70%),radial-gradient(40% 30% at 60% 30%,#00f0ff12 0%,#0000 60%);position:fixed;inset:0}.connect-grid-overlay{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 90%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 90%)}.connect-content{z-index:2;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:480px;display:flex;position:relative}.connect-loader{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:60vh;animation:.5s forwards loader-fade-in;display:flex;position:relative}@keyframes loader-fade-in{0%{opacity:0}to{opacity:1}}.loader-ambient-particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-particle{left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:rgba(0, 240, 255, var(--opacity));animation:ambient-float var(--dur) ease-in-out var(--delay) infinite alternate;border-radius:50%;position:absolute}@keyframes ambient-float{0%{opacity:var(--opacity);transform:translate(0)scale(1)}50%{opacity:calc(var(--opacity) * 1.5);transform:translate(12px,-20px)scale(1.3)}to{opacity:calc(var(--opacity) * .5);transform:translate(-8px,14px)scale(.8)}}.loader-orb-system{z-index:2;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.loader-progress-ring{z-index:5;filter:drop-shadow(0 0 6px #00f0ff4d);width:100%;height:100%;position:absolute;inset:0}.loader-radar-ring{z-index:3;border:1.5px solid #00f0ff33;border-radius:50%;width:130px;height:130px;animation:2.4s ease-out infinite radar-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.loader-orb-system>.loader-radar-ring:nth-child(5){animation-delay:0s}.loader-orb-system>.loader-radar-ring:nth-child(6){animation-delay:.8s}.loader-orb-system>.loader-radar-ring:nth-child(7){animation-delay:1.6s}@keyframes radar-pulse{0%{opacity:.7;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.loader-orbit{z-index:6;animation:4s linear infinite orbit-spin;position:absolute;inset:-6px}@keyframes orbit-spin{to{transform:rotate(360deg)}}.orbit-dot{border-radius:50%;position:absolute;box-shadow:0 0 8px}.orbit-dot-1{color:#00f0ffe6;background:#00f0ffe6;width:5px;height:5px;top:0;left:50%;transform:translate(-50%)}.orbit-dot-2{color:#bf5af2cc;background:#bf5af2cc;width:4px;height:4px;bottom:12px;right:8px}.orbit-dot-3{color:#0052ffcc;background:#0052ffcc;width:3px;height:3px;bottom:12px;left:8px}.loader-signal-arcs{z-index:4;position:absolute;inset:0}.signal-arc{border:2px solid #0000;border-right-color:#00f0ff66;border-radius:0 50% 50% 0;width:20px;height:40px;animation:1.6s ease-out infinite signal-arc-pulse;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.signal-arc-1{width:16px;height:32px;animation-delay:0s}.signal-arc-2{width:22px;height:44px;animation-delay:.25s;right:-18px}.signal-arc-3{width:28px;height:56px;animation-delay:.5s;right:-24px}@keyframes signal-arc-pulse{0%{opacity:0;transform:translateY(-50%)scale(.8)}30%{opacity:1}to{opacity:0;transform:translateY(-50%)scale(1.2)}}.loader-icon-core{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0052ff26,#bf5af226);border:1.5px solid #00f0ff40;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;animation:2.5s ease-in-out infinite core-breathe;display:flex;position:relative;box-shadow:0 0 30px #00f0ff26,0 0 60px #0052ff14,inset 0 0 20px #00f0ff0d}@keyframes core-breathe{0%,to{border-color:#00f0ff40;box-shadow:0 0 25px #00f0ff26,0 0 50px #0052ff14,inset 0 0 20px #00f0ff0d}50%{border-color:#00f0ff80;box-shadow:0 0 50px #00f0ff66,0 0 90px #0052ff33,inset 0 0 30px #00f0ff1a}}.loader-phase-info{z-index:2;flex-direction:column;align-items:center;gap:4px;display:flex}.loader-title{font-family:var(--font-heading);color:var(--text-white);letter-spacing:.02em;font-size:1.15rem;font-weight:700;transition:all .4s}.loader-subtitle{color:var(--text-muted);font-size:.8rem;transition:all .4s}.loader-progress-text{background:linear-gradient(135deg,#00f0ff,#0052ffe6);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-top:2px;font-family:Courier New,monospace;font-size:1.8rem;font-weight:800;transition:all .3s}.loader-phase-dots{z-index:2;gap:8px;display:flex}.phase-dot{background:#ffffff1a;border:1px solid #ffffff14;border-radius:50%;width:8px;height:8px;transition:all .4s}.phase-dot.active{background:#00f0ff99;border-color:#00f0ffcc;transform:scale(1.25);box-shadow:0 0 10px #00f0ff80}.phase-dot.completed{background:#4ade8099;border-color:#4ade80cc}.loader-log-window{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#00000080;border:1px solid #ffffff0f;border-radius:14px;width:100%;max-width:380px;overflow:hidden;box-shadow:0 8px 32px #0006}.log-window-header{background:#ffffff08;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:10px 14px;display:flex}.log-window-dots{gap:5px;display:flex}.log-dot{border-radius:50%;width:8px;height:8px}.log-dot.red{background:#ff5f56}.log-dot.yellow{background:#ffbd2e}.log-dot.green{background:#27c93f}.log-window-title{color:var(--text-muted);letter-spacing:.03em;margin-left:auto;font-family:Courier New,monospace;font-size:11px}.log-window-body{text-align:left;min-height:130px;padding:14px 16px;font-family:Courier New,monospace;font-size:12px;line-height:1.85}.log-line{color:#00f0ffa6;opacity:0;align-items:flex-start;gap:6px;animation:.3s ease-out forwards log-appear;display:flex}.log-line.done{color:#4ade80cc}.log-line-prefix{opacity:.6;text-align:center;flex-shrink:0;width:14px;font-weight:700}.log-line.done .log-line-prefix{opacity:1;color:#4ade80}@keyframes log-appear{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.log-cursor{color:#00f0ff73;animation:.8s step-end infinite cursor-blink}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.connect-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:60vh;animation:.4s forwards success-scene-in;display:flex;position:relative}@keyframes success-scene-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.success-particles{z-index:10;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%;transform:translateY(-60px)}.success-particle{width:var(--size);height:var(--size);background:hsl(var(--hue), 90%, 65%);box-shadow:0 0 6px hsl(var(--hue), 90%, 65%);animation:particle-burst 1s cubic-bezier(.16, 1, .3, 1) var(--delay) forwards;opacity:0;border-radius:50%;position:absolute}@keyframes particle-burst{0%{transform:rotate(var(--angle)) translateY(0);opacity:1}70%{opacity:1}to{transform:rotate(var(--angle)) translateY(calc(var(--distance) * -1));opacity:0}}.success-halo{justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:8px;display:flex;position:relative}.success-ring{border:2px solid #4ade8059;border-radius:50%;animation:1.4s ease-out forwards success-ring-expand;position:absolute;inset:0}.success-ring:nth-child(2){border-width:1.5px;animation-delay:.2s;inset:-14px}.success-ring:nth-child(3){border-width:1px;animation-delay:.4s;inset:-28px}@keyframes success-ring-expand{0%{opacity:0;transform:scale(.4)}40%{opacity:.8}to{opacity:0;transform:scale(1.6)}}.success-core{z-index:5;background:linear-gradient(135deg,#4ade8033,#10b9811a);border:2px solid #4ade8073;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards success-core-pop;display:flex;transform:scale(0);box-shadow:0 0 40px #4ade804d,0 0 80px #4ade801a,inset 0 0 20px #4ade8014}@keyframes success-core-pop{to{transform:scale(1)}}.success-checkmark-svg{filter:drop-shadow(0 0 6px #4ade8080)}.success-check-path{stroke-dasharray:36;stroke-dashoffset:36px;animation:.6s ease-out .3s forwards check-draw}@keyframes check-draw{to{stroke-dashoffset:0}}.success-text-block{flex-direction:column;gap:6px;animation:.5s ease-out .2s both text-slide-up;display:flex}@keyframes text-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.success-title{font-family:var(--font-heading);color:var(--text-white);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.success-subtitle{color:var(--text-gray);font-size:.9rem}.success-badge{color:#4ade80cc;letter-spacing:.06em;text-transform:uppercase;background:#4ade8014;border:1px solid #4ade8033;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;font-size:11px;font-weight:600;animation:.5s ease-out .5s both badge-fade-in;display:inline-flex}@keyframes badge-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.success-badge-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite nfc-blink;box-shadow:0 0 8px #4ade8099}.connect-card{width:100%;animation:.7s cubic-bezier(.16,1,.3,1) forwards card-rise}@keyframes card-rise{0%{opacity:0;transform:translateY(32px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.card-shine{pointer-events:none;z-index:2;border-radius:28px;transition:background 50ms;position:absolute;inset:0}.card-glass{-webkit-backdrop-filter:blur(28px);background:linear-gradient(135deg,#ffffff0e 0%,#ffffff05 100%);border:1px solid #ffffff1a;border-radius:28px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 32px 80px #0009,0 8px 24px #0006,0 2px 6px #0000004d,inset 0 1px #ffffff12}.card-glass:hover{box-shadow:0 0 0 1px #00f0ff1f,0 40px 100px #000000a6,0 8px 24px #0006,0 0 60px #0052ff1a,inset 0 1px #ffffff17}.card-header-band{background:linear-gradient(135deg,#0052ff73 0%,#635bff59 40%,#bf5af24d 70%,#00f0ff33 100%);height:130px;position:relative;overflow:hidden}.card-header-band:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.card-nfc-badge{color:#00f0ffd9;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:1px solid #00f0ff33;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:flex;position:absolute;top:16px;right:16px}.nfc-dot{background:#00f0ffd9;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite nfc-blink;box-shadow:0 0 8px #00f0ff99}@keyframes nfc-blink{0%,to{opacity:1}50%{opacity:.3}}.card-body{padding:0 28px 28px}.card-avatar-row{align-items:flex-end;gap:16px;margin-top:-44px;margin-bottom:16px;display:flex}.card-avatar-ring{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));border-radius:50%;flex-shrink:0;width:88px;height:88px;padding:3px;box-shadow:0 0 20px #0052ff4d,0 0 40px #bf5af226}.card-avatar{object-fit:cover;border:3px solid var(--bg-primary);border-radius:50%;width:100%;height:100%;display:block}.card-avatar-fallback{border:3px solid var(--bg-primary);width:82px;height:82px;color:var(--text-white);font-size:2rem;font-weight:800;font-family:var(--font-heading);background:linear-gradient(135deg,#0052ff33,#bf5af233);border-radius:50%;justify-content:center;align-items:center;display:flex}.card-name-block{padding-bottom:6px}.card-name{font-family:var(--font-heading);color:var(--text-white);letter-spacing:-.02em;font-size:1.5rem;font-weight:800;line-height:1.2}.card-job-title{color:var(--text-gray);margin-top:2px;font-size:.85rem;font-weight:500}.card-company{color:#00f0ffb3;letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:5px;margin-top:3px;font-size:.8rem;font-weight:600;display:inline-flex}.card-divider{background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;margin:16px 0}.card-details{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.card-detail-row{color:inherit;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;transition:all .2s;display:flex}.card-detail-row:hover{background:#ffffff0a;border-color:#ffffff0f}.card-detail-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.card-detail-icon.blue{color:#60a5fa;background:#0052ff1f}.card-detail-icon.purple{color:#c084fc;background:#bf5af21f}.card-detail-icon.cyan{color:#00f0ffcc;background:#00f0ff1a}.card-detail-icon.green{color:#4ade80;background:#4ade801a}.card-detail-icon.orange{color:#fb923c;background:#fb923c1a}.card-detail-text{flex:1;min-width:0}.card-detail-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:10px;font-weight:600;display:block}.card-detail-value{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;display:block;overflow:hidden}.card-socials{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.card-social-btn{width:40px;height:40px;color:var(--text-gray);cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.card-social-btn:hover{color:var(--text-white);background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.card-qr-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.card-qr-box{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;padding:4px;display:flex;overflow:hidden}.card-qr-info{flex:1}.card-qr-title{font-family:var(--font-heading);color:var(--text-white);margin-bottom:4px;font-size:.875rem;font-weight:700}.card-qr-desc{color:var(--text-muted);font-size:.78rem;line-height:1.4}.card-actions{flex-direction:column;gap:10px;display:flex}.connect-btn{width:100%;font-family:var(--font-heading);cursor:pointer;letter-spacing:.01em;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.9rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.connect-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.connect-btn:hover:before{transform:translate(100%)}.connect-btn-primary{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;box-shadow:0 4px 20px #0052ff40}.connect-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0052ff66,0 0 20px #bf5af233}.connect-btn-secondary{color:var(--text-white);background:#ffffff0d;border:1px solid #ffffff1a}.connect-btn-secondary:hover{background:#ffffff17;border-color:#ffffff2e;transform:translateY(-2px)}.connect-btn-outline{color:#00f0ffcc;background:0 0;border:1px solid #00f0ff40}.connect-btn-outline:hover{color:#00f0ff;background:#00f0ff0f;border-color:#00f0ff66}.connect-btn-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.connect-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:flex-end;padding:0;animation:.3s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.connect-modal{background:var(--bg-panel-solid);border:1px solid #ffffff12;border-bottom:none;border-radius:28px 28px 0 0;width:100%;max-width:520px;max-height:92vh;padding:32px 28px 40px;animation:.4s cubic-bezier(.16,1,.3,1) forwards modal-slide-up;overflow-y:auto;box-shadow:0 -20px 60px #00000080}@keyframes modal-slide-up{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-drag-handle{background:#ffffff26;border-radius:2px;width:40px;height:4px;margin:0 auto 24px}.modal-header{margin-bottom:24px}.modal-title{font-family:var(--font-heading);color:var(--text-white);letter-spacing:-.02em;margin-bottom:6px;font-size:1.35rem;font-weight:800}.modal-subtitle{color:var(--text-gray);font-size:.875rem;line-height:1.5}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-field{flex-direction:column;gap:6px;display:flex}.modal-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:600}.modal-input,.modal-select,.modal-textarea{width:100%;font-family:var(--font-body);color:var(--text-white);-webkit-appearance:none;background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;outline:none;padding:12px 14px;font-size:.875rem;transition:all .2s}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{background:#ffffff0f;border-color:#00f0ff59;box-shadow:0 0 0 3px #00f0ff14}.modal-input::placeholder,.modal-textarea::placeholder{color:var(--text-muted)}.modal-select{cursor:pointer;color:var(--text-light);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a1a1aa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.modal-select option{color:var(--text-white);background:#111}.modal-textarea{resize:none;min-height:88px;line-height:1.5}.modal-submit-btn{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;font-family:var(--font-heading);cursor:pointer;letter-spacing:.01em;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:16px 20px;font-size:1rem;font-weight:700;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0052ff40}.modal-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #0052ff66}.modal-submit-btn:disabled{opacity:.65;cursor:not-allowed}.modal-close-btn{width:36px;height:36px;color:var(--text-gray);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close-btn:hover{color:var(--text-white);background:#ffffff1a;transform:scale(1.05)}.modal-success{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:32px 0 16px;animation:.5s forwards success-fade-in;display:flex}@keyframes success-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-success-icon{background:linear-gradient(135deg,#4ade8033,#10b9811a);border:2px solid #4ade8066;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 0 30px #4ade8040}.modal-success-title{font-family:var(--font-heading);color:var(--text-white);font-size:1.35rem;font-weight:800}.modal-success-list{text-align:left;flex-direction:column;gap:8px;width:100%;max-width:280px;list-style:none;display:flex}.modal-success-list li{color:var(--text-gray);align-items:center;gap:10px;font-size:.875rem;display:flex}.modal-success-list li span.check{color:#4ade80;flex-shrink:0;font-size:1rem}.meeting-options{grid-template-columns:1fr;gap:10px;margin-top:8px;display:grid}.meeting-option-btn{cursor:pointer;text-align:left;width:100%;color:var(--text-light);font-family:var(--font-body);background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;transition:all .2s;display:flex}.meeting-option-btn:hover{color:var(--text-white);background:#0052ff14;border-color:#0052ff33;transform:translate(3px)}.meeting-option-icon{color:#60a5fa;background:#0052ff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.meeting-option-label{margin-bottom:2px;font-size:.875rem;font-weight:600;display:block}.meeting-option-desc{color:var(--text-muted);font-size:.775rem}.connect-brand-footer{text-align:center;flex-direction:column;align-items:center;gap:6px;padding-top:8px;display:flex}.connect-brand-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.connect-brand-link{font-family:var(--font-heading);background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s}.connect-brand-link:hover{opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}.spin-icon{animation:.8s linear infinite spin}@media (width<=540px){.connect-page{padding:72px 12px 40px}.card-body{padding:0 20px 24px}.card-name{font-size:1.25rem}.modal-form-row,.connect-btn-row{grid-template-columns:1fr}.connect-modal{padding:28px 20px 36px}}@media (width>=541px){.connect-modal-overlay{align-items:center;padding:24px}.connect-modal{border-radius:28px;max-height:88vh}}.qr-pattern-grid{background:#fff;border-radius:8px;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);gap:1.5px;width:72px;height:72px;padding:5px;display:grid}.qr-cell{background:#fff;border-radius:1px}.qr-cell.b{background:#111}.product-hub-container{flex-direction:column;gap:24px;width:100%;animation:.5s cubic-bezier(.2,.8,.2,1) forwards hub-fade-in;display:flex}@keyframes hub-fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.product-hub-header{text-align:center;flex-direction:column;align-items:center;display:flex}.product-hub-badge{color:#00f0ff;letter-spacing:.08em;background:#00f0ff14;border:1px solid #00f0ff26;border-radius:100px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 12px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 0 12px #00f0ff0d}.product-hub-badge .icon-pulse{animation:2s infinite nfc-pulse-radar}@keyframes nfc-pulse-radar{0%{opacity:.8;transform:scale(1)}50%{opacity:1;text-shadow:0 0 8px #00f0ffcc;transform:scale(1.15)}to{opacity:.8;transform:scale(1)}}.product-hub-title{font-family:var(--font-heading);margin-bottom:12px;font-size:2.25rem;font-weight:800;line-height:1.15}.product-hub-subtitle{color:var(--text-gray);max-width:380px;font-size:.875rem;line-height:1.5}.product-hub-tabs{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.product-tab-btn{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:600;transition:all .25s;display:flex}.product-tab-btn:hover{color:var(--text-white);background:#ffffff05}.product-tab-btn.active{color:var(--text-white);text-shadow:0 0 10px #fff3;background:#ffffff12;border:1px solid #ffffff0d;box-shadow:0 4px 15px #0003}.product-hub-content-box{-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;padding:24px;box-shadow:0 20px 40px #0000004d}.tab-pane-demo{flex-direction:column;align-items:center;gap:20px;display:flex}.demo-visual-mockup{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:220px;display:flex;position:relative}.virtual-phone-glow{background:radial-gradient(circle,#00f0ff26 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.virtual-phone{cursor:pointer;background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 100%);border:1.5px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;transition:transform .3s,border-color .3s;display:flex;box-shadow:0 10px 25px #0003}.virtual-phone:hover{border-color:#00f0ff80;transform:scale(1.05);box-shadow:0 10px 30px #00f0ff40}.virtual-phone-screen{flex-direction:column;align-items:center;gap:6px;display:flex}.virtual-phone-nfc-icon{color:#00f0ff;animation:2s ease-in-out infinite phone-bounce}@keyframes phone-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.nfc-status-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:700}.tab-pane-description{color:var(--text-gray);text-align:center;font-size:.8rem;line-height:1.55}.tab-pane-create{flex-direction:column;gap:16px;display:flex}.features-grid-list{flex-direction:column;gap:12px;display:flex}.feature-item-row{background:#ffffff04;border:1px solid #ffffff0a;border-radius:12px;align-items:flex-start;gap:14px;padding:12px;transition:background .2s;display:flex}.feature-item-row:hover{background:#ffffff08}.feature-item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:flex}.feature-item-icon.blue{color:#00f0ff;background:#00f0ff14;border:1.5px solid #00f0ff33}.feature-item-icon.purple{color:#bf5af2;background:#bf5af214;border:1.5px solid #bf5af233}.feature-item-icon.cyan{color:#38bdf8;background:#38bdf814;border:1.5px solid #38bdf833}.feature-item-text{text-align:left;flex-direction:column;gap:2px;display:flex}.feature-item-text h4{color:var(--text-white);margin:0;font-size:.85rem;font-weight:700}.feature-item-text p{color:var(--text-muted);margin:0;font-size:.76rem;line-height:1.4}.full-width{width:100%}.card-glass--openai{background:linear-gradient(130deg,#09090b 0%,#18181b 100%)!important;border:1.5px solid #27272a!important;box-shadow:0 32px 80px #000000d9!important}.card-glass--openai .card-header-band{border-bottom:1px solid #ffffff0d;background:0 0!important}.card-glass--openai .card-header-band:before{display:none!important}.card-glass--openai .card-avatar-ring{background:#10a37f!important;border-radius:16px!important;box-shadow:0 0 15px #10a37f4d!important}.card-glass--openai .card-avatar,.card-glass--openai .card-avatar-fallback{border-radius:12px!important}.card-glass--openai .card-company{color:#10a37f!important}.card-glass--openai .card-nfc-badge{color:#10a37f!important;border-color:#10a37f4d!important}.card-glass--openai .nfc-dot{background:#10a37f!important;box-shadow:0 0 8px #10a37f99!important}.card-glass--stripe{background:linear-gradient(135deg,#635bff 0%,#7a73ff 50%,#00d4b2 100%)!important;border:1.5px solid #4f46e5!important;box-shadow:0 32px 80px #635bff66!important}.card-glass--stripe .card-header-band{background:0 0!important}.card-glass--stripe .card-header-band:before{content:"";pointer-events:none;background:#ffffff14;width:180px;height:180px;position:absolute;top:-60px;right:-30px;transform:skewY(-20deg)}.card-glass--stripe .card-name{color:#fff!important}.card-glass--stripe .card-job-title{color:#e0e7ff!important}.card-glass--stripe .card-company{color:#00d4b2!important}.card-glass--stripe .card-avatar-ring{background:#00d4b2!important;box-shadow:0 0 15px #00d4b266!important}.card-glass--stripe .card-nfc-badge{color:#00d4b2!important;background:#0000004d!important;border-color:#00d4b24d!important}.card-glass--stripe .nfc-dot{background:#00d4b2!important}.card-glass--stripe .card-detail-value{color:#fff!important}.card-glass--stripe .card-detail-row:hover{background:#ffffff14!important}.card-glass--vercel{background:#000!important;border:1.5px solid #1f1f1f!important;border-radius:16px!important;box-shadow:0 32px 80px #000000f2!important}.card-glass--vercel .card-header-band{border-bottom:1px solid #1f1f1f;background:0 0!important}.card-glass--vercel .card-header-band:before{display:none!important}.card-glass--vercel .card-avatar-ring{box-shadow:none!important;background:#fff!important;border-radius:0!important;padding:2px!important}.card-glass--vercel .card-avatar,.card-glass--vercel .card-avatar-fallback{border-color:#000!important;border-radius:0!important}.card-glass--vercel .card-name{letter-spacing:-.05em!important;font-weight:900!important}.card-glass--vercel .card-company{color:#fff!important}.card-glass--vercel .card-nfc-badge{color:#fff!important;border-color:#ffffff4d!important}.card-glass--vercel .nfc-dot{background:#fff!important}.card-glass--linear{background:linear-gradient(135deg,#111113 0%,#1e1e24 100%)!important;border:1.5px solid #27272a!important;box-shadow:0 32px 80px #000c!important}.card-glass--linear .card-header-band{border-bottom:1px solid #ffffff08;background:#ffffff05!important}.card-glass--linear .card-header-band:before{display:none!important}.card-glass--linear .card-avatar-ring{background:#a1a1aa!important;box-shadow:0 0 15px #a1a1aa33!important}.card-glass--linear .card-company{color:#a1a1aa!important}.card-glass--cyberpunk{background:linear-gradient(135deg,#0a051b 0%,#180736 100%)!important;border:2px solid #ff007f!important;border-radius:12px!important;box-shadow:0 32px 80px #ff007f33!important}.card-glass--cyberpunk .card-header-band{background:0 0!important}.card-glass--cyberpunk .card-header-band:before{display:none!important}.card-glass--cyberpunk .card-name{text-shadow:0 0 8px #00f0ff80;color:#00f0ff!important;font-family:monospace!important}.card-glass--cyberpunk .card-job-title{color:#ff007f!important;font-family:monospace!important}.card-glass--cyberpunk .card-company{color:#fff!important;font-family:monospace!important}.card-glass--cyberpunk .card-avatar-ring{background:#00f0ff!important;border-radius:8px!important;box-shadow:0 0 15px #00f0ff66!important}.card-glass--cyberpunk .card-avatar,.card-glass--cyberpunk .card-avatar-fallback{border-radius:6px!important}.card-glass--cyberpunk .card-nfc-badge{color:#ff007f!important;border-color:#ff007f!important;font-family:monospace!important}.card-glass--cyberpunk .nfc-dot{background:#ff007f!important}.card-glass--cyberpunk .card-detail-icon.blue{color:#00f0ff!important;background:#00f0ff1a!important}.card-glass--cyberpunk .card-detail-icon.purple{color:#ff007f!important;background:#ff007f1a!important}.card-glass--luxury{background:linear-gradient(135deg,#171717 0%,#0a0a0a 100%)!important;border:1.5px solid #fbbf24!important;box-shadow:0 32px 80px #fbbf2426!important}.card-glass--luxury .card-header-band{background:linear-gradient(90deg,#fbbf241a 0%,#0000 100%)!important}.card-glass--luxury .card-header-band:before{display:none!important}.card-glass--luxury .card-name{color:#fbbf24!important;letter-spacing:.05em!important}.card-glass--luxury .card-job-title{color:#fef08a!important}.card-glass--luxury .card-company{color:#fff!important}.card-glass--luxury .card-avatar-ring{background:#fbbf24!important;box-shadow:0 0 15px #fbbf244d!important}.card-glass--luxury .card-nfc-badge{color:#fbbf24!important;border-color:#fbbf24!important}.card-glass--luxury .nfc-dot{background:#fbbf24!important}:root,[data-theme=dark]{--saas-bg:#030014;--saas-bg-rgb:3, 0, 20;--saas-text-main:#f5f5f7;--saas-text-muted:#86868b;--saas-accent-cyan:#00f0ff;--saas-accent-blue:#0052ff;--saas-accent-purple:#bf5af2;--saas-accent-green:#4ade80;--saas-glass-bg:#ffffff08;--saas-glass-border:#ffffff14;--saas-glass-border-hover:#ffffff29;--saas-glow-cyan:#00f0ff26;--saas-glow-purple:#bf5af226}[data-theme=light]{--saas-bg:#f5f5f7;--saas-bg-rgb:245, 245, 247;--saas-text-main:#1d1d1f;--saas-text-muted:#6e6e73;--saas-accent-cyan:#0080a0;--saas-accent-blue:#0052ff;--saas-accent-purple:#7928ca;--saas-accent-green:#1d883f;--saas-glass-bg:#ffffffa6;--saas-glass-border:#00000014;--saas-glass-border-hover:#00000029;--saas-glow-cyan:#0080a014;--saas-glow-purple:#7928ca14}.saas-container{background-color:var(--saas-bg);min-height:100vh;color:var(--saas-text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;overflow-x:hidden}.saas-bg-glows{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.saas-glow{filter:blur(140px);opacity:.15;border-radius:50%;width:600px;height:600px;position:absolute}.saas-glow-1{background:radial-gradient(circle, var(--saas-accent-cyan) 0%, transparent 70%);top:-10%;left:10%}.saas-glow-2{background:radial-gradient(circle, var(--saas-accent-purple) 0%, transparent 70%);bottom:-10%;right:10%}.saas-glow-3{background:radial-gradient(circle, var(--saas-accent-blue) 0%, transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%)}.saas-glass{background:var(--saas-glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--saas-glass-border);border-radius:16px;transition:border-color .3s,box-shadow .3s;box-shadow:0 8px 32px #0000005e}.saas-glass:hover{border-color:var(--saas-glass-border-hover)}.saas-btn{cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.saas-btn-primary{background:linear-gradient(135deg, var(--saas-accent-blue) 0%, var(--saas-accent-purple) 100%);color:#fff;border:1px solid #ffffff1a;box-shadow:0 4px 15px #0052ff40}.saas-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0052ff66,0 0 15px #bf5af233}.saas-btn-secondary{color:var(--saas-text-main);border:1px solid var(--saas-glass-border);background:#ffffff0d}.saas-btn-secondary:hover{border-color:var(--saas-glass-border-hover);background:#ffffff1a;transform:translateY(-2px)}.saas-btn-cyan{color:#030014;background:linear-gradient(135deg,#00f0ff 0%,#0052ff 100%);border:none;font-weight:700;box-shadow:0 4px 12px #00f0ff33}.saas-btn-cyan:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00f0ff66}.saas-input-group{text-align:left;margin-bottom:20px}.saas-label{color:var(--saas-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.saas-input{border:1px solid var(--saas-glass-border);width:100%;color:var(--saas-text-main);background:#ffffff05;border-radius:8px;padding:12px 16px;font-size:15px;transition:all .3s}.saas-input::placeholder{color:var(--saas-text-muted);opacity:.5}.saas-input:focus{border-color:var(--saas-accent-cyan);background:#ffffff0d;outline:none;box-shadow:0 0 10px #00f0ff26}.hero-section{text-align:center;z-index:10;padding:120px 24px 80px;position:relative}.hero-tag{color:var(--saas-accent-cyan);letter-spacing:.05em;text-transform:uppercase;background:#00f0ff14;border:1px solid #00f0ff33;border-radius:9999px;margin-bottom:24px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.saas-container .hero-title{letter-spacing:-.03em;background:linear-gradient(#fff 0%,#a8a8af 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:64px;font-weight:800;line-height:1.1}@media (width<=768px){.saas-container .hero-title{font-size:40px}}.hero-sub{color:var(--saas-text-muted);max-width:680px;margin:0 auto 40px;font-size:20px;line-height:1.6}.hero-btn-group{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.dashboard-layout{z-index:10;min-height:100vh;display:flex;position:relative}.saas-sidebar{border-right:1px solid var(--saas-glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#03001499;flex-direction:column;width:260px;padding:32px 16px;display:flex}.sidebar-logo{align-items:center;gap:10px;margin-bottom:32px;padding:0 12px;font-size:20px;font-weight:800;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:6px;display:flex}.nav-item{color:var(--saas-text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff0d}.nav-item.active{border-left:3px solid var(--saas-accent-cyan)}.saas-sidebar .nav-item{color:#86868b}.saas-sidebar .nav-item:hover,.saas-sidebar .nav-item.active{color:#fff;background:#ffffff0d}.saas-sidebar .nav-item.active{border-left:3px solid #00f0ff}.sidebar-footer{border-top:1px solid var(--saas-glass-border);padding-top:20px}.saas-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px;overflow-y:auto}@media (width<=1024px){.dashboard-layout{flex-direction:column}.saas-sidebar{border-right:none;border-bottom:1px solid var(--saas-glass-border);width:100%}}.saas-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.saas-modal{width:100%;max-width:600px;padding:32px;position:relative}.saas-modal-close{color:var(--saas-text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:20px;right:20px}.saas-modal-close:hover{color:#fff}.saas-grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.saas-card{padding:24px}.saas-card-title{margin-bottom:12px;font-size:18px;font-weight:700}.saas-card-desc{color:var(--saas-text-muted);font-size:14px;line-height:1.6}