@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Sora:wght@400;500;600;700;800&display=swap";html{scroll-behavior:smooth}body{color:#fff;background:#050816;font-family:Outfit,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Sora,sans-serif}button,input,textarea,select{font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0b1120}::-webkit-scrollbar-thumb{background:linear-gradient(#6d5df6,#00d4ff);border-radius:20px}::selection{color:#fff;background:#6d5df6}.hero{justify-content:space-between;align-items:center;min-height:100vh;padding:0 8%;display:flex;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(40px);z-index:-1;background:radial-gradient(circle,#8b5cf650 0%,#0000 70%);width:700px;height:700px;position:absolute;top:-250px;left:-200px}.hero:after{content:"";filter:blur(40px);z-index:-1;background:radial-gradient(circle,#06b6d450 0%,#0000 70%);width:600px;height:600px;position:absolute;bottom:-220px;right:-180px}.hero-content{z-index:10;text-align:left;width:48%;position:relative}.hero-badge{color:#38bdf8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;margin-bottom:35px;padding:12px 28px;font-weight:600;display:inline-block;box-shadow:0 0 20px #38bdf833}.hero h1{background:linear-gradient(90deg,#fff,#8b5cf6,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;max-width:700px;margin-bottom:25px;font-size:78px;font-weight:800;line-height:1.05}.hero h1 span{background:linear-gradient(90deg,#8b5cf6,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero p{color:#cbd5e1;max-width:620px;font-size:20px;line-height:1.9}.hero-buttons{gap:22px;margin-top:45px;display:flex}.hero-buttons a{text-decoration:none}.primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#2563eb);border:none;border-radius:14px;padding:18px 42px;font-size:17px;font-weight:700;transition:all .35s;box-shadow:0 10px 30px #8b5cf659}.primary:hover{transform:translateY(-5px);box-shadow:0 20px 40px #8b5cf673}.secondary{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border:1px solid #ffffff26;border-radius:14px;padding:18px 42px;font-size:17px;font-weight:700;transition:all .35s}.secondary:hover{background:#ffffff0f;border-color:#38bdf8;transform:translateY(-5px)}@media (width<=1000px){.hero{text-align:center;flex-direction:column;justify-content:center;padding:100px 20px 50px}.hero-content{text-align:center;width:100%}.hero h1{margin:auto;font-size:56px}.hero p{margin:30px auto}.hero-buttons{justify-content:center}}@media (width<=600px){.hero{padding:120px 20px 60px}.hero h1{font-size:42px}.hero p{font-size:17px}.hero-buttons{flex-direction:column;width:100%}.primary,.secondary{width:100%}}.hero-scene{z-index:1;width:55%;height:100%;position:absolute;top:0;right:0;overflow:hidden}.hero-scene canvas{width:100%!important;height:100%!important}.hero-scene iframe{border:none;width:100%!important;height:100%!important}@media (width<=1000px){.hero-scene{display:none}}.marquee-section{width:100%;margin-top:20px;padding:60px 0;position:relative;overflow:hidden}.marquee-title{text-align:center;color:#94a3b8;letter-spacing:2px;text-transform:uppercase;margin-bottom:35px;font-size:18px}.marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#fff 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#fff 10% 90%,#0000)}.marquee-track{width:max-content;animation:25s linear infinite marquee;display:flex}.marquee-track span{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;margin:0 18px;padding:16px 34px;font-weight:600;transition:all .35s}.marquee-track span:hover{background:#ffffff14;border-color:#00d4ff;transform:translateY(-5px);box-shadow:0 0 30px #00d4ff40}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;width:92%;max-width:1300px;margin:120px auto;display:grid}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;padding:40px;transition:all .35s}.stat-card:hover{border-color:#00d4ff;transform:translateY(-8px)}.stat-card h2{color:#fff;margin-bottom:15px;font-size:48px}.stat-card p{color:#94a3b8;font-size:18px}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0f172a;font-family:Arial,Helvetica,sans-serif}.navbar{justify-content:space-between;align-items:center;padding:20px 60px;display:flex}.logo{color:#38bdf8;font-size:28px;font-weight:700}.menu{gap:30px;list-style:none;display:flex}.menu li{cursor:pointer}.hero{text-align:center;margin-top:120px;padding:20px}.hero h1{margin-bottom:20px;font-size:60px}.hero p{color:#cbd5e1;max-width:700px;margin:auto;line-height:1.8}.hero button{color:#fff;cursor:pointer;background:#38bdf8;border:none;border-radius:10px;margin-top:40px;padding:15px 40px;font-size:18px}.hero button:hover{background:#0284c7}.tools-section{text-align:center;width:92%;max-width:1350px;margin:140px auto;position:relative}.tools-section h2{background:linear-gradient(90deg,#fff,#00d4ff,#6d5df6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:18px;font-size:56px;font-weight:800}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:35px;margin-top:70px;display:grid}.tool-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:250px;padding:45px;text-decoration:none;transition:all .45s;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:radial-gradient(circle,#00d4ff59,#0000 70%);width:320px;height:320px;transition:all .6s;position:absolute;top:-170px;right:-170px}.tool-card:after{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff26,#6d5df699,#00d4ff80);border-radius:28px;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.tool-card:hover{transform:translateY(-12px)scale(1.02);box-shadow:0 30px 80px #00000059}.tool-card:hover:before{transform:scale(1.5)rotate(35deg)}.tool-card h3{color:#fff;z-index:2;margin-bottom:18px;font-size:34px}.tool-card p{color:#b8c1ec;z-index:2;font-size:18px;line-height:1.8}.spotlight-card{border-radius:28px;position:relative;overflow:hidden}.spotlight-card:before{content:"";left:var(--x);top:var(--y);pointer-events:none;opacity:0;background:radial-gradient(circle,#00d4ff47,#0000 70%);width:260px;height:260px;transition:all 80ms;position:absolute;transform:translate(-50%,-50%)}.spotlight-card:hover:before{opacity:1}.prompt-box{z-index:5;width:900px;max-width:90%;margin:140px auto 70px;position:relative}.prompt-box input{color:#fff;background:#111827;border:1px solid #334155;border-radius:12px;width:100%;margin-bottom:20px;padding:18px;font-size:18px}.prompt-box input::placeholder{color:#888}.prompt-box textarea{color:#fff;resize:none;background:#111827;border:1px solid #334155;border-radius:16px;width:100%;height:150px;padding:20px;font-size:18px}.controls{flex-wrap:wrap;gap:20px;margin-top:20px;display:flex}.controls select{color:#fff;background:#1e293b;border:none;border-radius:10px;padding:15px}.controls button{color:#fff;cursor:pointer;background:#38bdf8;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px 30px;transition:all .3s;display:flex}.controls button:hover{background:#0ea5e9;transform:translateY(-2px)}.controls button:disabled{opacity:.7;cursor:not-allowed}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.download-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;margin-top:20px;padding:14px 35px;font-size:16px;font-weight:600;transition:all .3s}.download-btn:hover{background:#2563eb;transform:translateY(-2px)}@media (width<=768px){.prompt-box{margin:110px auto 50px}.controls{flex-direction:column}.controls select,.controls button{width:100%}}.preview{text-align:center;width:90%;max-width:900px;margin:80px auto}.preview h2{color:#fff;margin-bottom:40px;font-size:42px}.preview-card{background:#111827;border:1px solid #334155;border-radius:20px;padding:50px}.logo-image{background:#1e293b;border-radius:20px;justify-content:center;align-items:center;width:220px;height:220px;margin:auto;font-size:90px;display:flex}.preview p{color:#cbd5e1;margin:30px 0}.download-btn{color:#fff;cursor:pointer;background:#38bdf8;border:none;border-radius:12px;padding:16px 35px;font-size:18px;transition:all .3s}.download-btn:hover{transform:translateY(-4px)}.logo-image img{object-fit:cover;border-radius:20px;width:100%;height:100%}.preview-card h3{color:#fff;margin-top:25px;font-size:30px}.page-container{color:#fff;width:90%;max-width:1300px;margin:auto;padding-top:120px;padding-bottom:80px}.page-title{text-align:center;font-size:48px;font-weight:700}.page-subtitle{text-align:center;color:#94a3b8;margin-top:15px;margin-bottom:60px;font-size:18px}.predictor-wrapper{grid-template-columns:1fr 400px;gap:35px;display:grid}.predict-card{background:#111827;border:1px solid #334155;border-radius:22px;padding:35px}.predict-card h2{margin-bottom:30px;font-size:28px}.input-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.input-group{flex-direction:column;display:flex}.input-group label{color:#cbd5e1;margin-bottom:8px;font-size:15px}.input-group input{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:12px;outline:none;padding:15px;transition:all .3s}.input-group input:focus{border-color:#38bdf8}.predict-btn{color:#fff;cursor:pointer;background:#38bdf8;border:none;border-radius:12px;width:100%;margin-top:35px;padding:16px;font-size:18px;transition:all .3s}.predict-btn:hover{transform:translateY(-3px)}.result-card{text-align:center;background:#111827;border:1px solid #334155;border-radius:22px;padding:35px}.result-price{color:#38bdf8;margin-top:25px;font-size:42px;font-weight:700}.result-placeholder{color:#94a3b8;margin-top:40px}@media (width<=900px){.predictor-wrapper,.input-grid{grid-template-columns:1fr}.page-title{font-size:36px}}.result-card{position:sticky;top:120px}.result-price{color:#38bdf8;margin:25px 0;font-size:55px;font-weight:700}.result-card h2{margin-bottom:20px;font-size:30px}.price-badge{color:#38bdf8;background:#0f172a;border:1px solid #38bdf8;border-radius:30px;margin-top:15px;padding:10px 18px;font-weight:600;display:inline-block}.result-details{text-align:left;margin-top:30px}.result-details p{color:#cbd5e1;border-bottom:1px solid #334155;justify-content:space-between;padding:12px 0;display:flex}.similar-title{color:#fff;margin-top:30px;font-size:22px;font-weight:700}.similar-phone-list{flex-direction:column;gap:15px;margin-top:20px;display:flex}.phone-item{background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;padding:15px 20px;font-size:16px;font-weight:600;transition:all .3s}.phone-item:hover{cursor:pointer;background:#6c63ff;transform:translate(8px)}.about-page{min-height:100vh;padding:140px 8% 80px}.about-hero{text-align:center;margin-bottom:80px}.about-hero h1{color:#fff;margin-bottom:25px;font-size:70px;font-weight:800}.about-hero span{background:linear-gradient(90deg,#8b5cf6,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.about-hero p{color:#94a3b8;max-width:850px;margin:auto;font-size:21px;line-height:1.9}.about-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.about-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:40px;transition:all .35s}.about-card:hover{border-color:#38bdf8;transform:translateY(-10px);box-shadow:0 20px 40px #38bdf82e}.about-card h2{color:#fff;margin-bottom:20px}.about-card p{color:#94a3b8;line-height:1.9}.about-card ul{color:#cbd5e1;padding-left:18px;line-height:2.2}@media (width<=900px){.about-grid{grid-template-columns:1fr}.about-hero h1{font-size:45px}}.contact-page{min-height:100vh;padding:140px 8% 80px}.contact-hero{text-align:center;margin-bottom:70px}.contact-hero h1{color:#fff;margin-bottom:20px;font-size:68px}.contact-hero span{background:linear-gradient(90deg,#8b5cf6,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.contact-hero p{color:#94a3b8;max-width:800px;margin:auto;font-size:20px}.contact-wrapper{grid-template-columns:2fr 1fr;gap:40px;display:grid}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#111827;border:1px solid #334155;border-radius:14px;padding:18px;font-size:17px}.contact-form textarea{resize:none;height:180px}.contact-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#2563eb);border:none;border-radius:14px;padding:18px;font-size:18px;transition:all .35s}.contact-form button:hover{transform:translateY(-4px)}.contact-info{flex-direction:column;gap:20px;display:flex}.info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:20px;padding:25px;display:flex}.info-card svg{color:#38bdf8;font-size:28px}.info-card h3{color:#fff;margin-bottom:6px}.info-card p{color:#94a3b8}@media (width<=900px){.contact-wrapper{grid-template-columns:1fr}.contact-hero h1{font-size:45px}}.blog-page{min-height:100vh;padding:140px 8% 80px}.blog-hero{text-align:center;margin-bottom:70px}.blog-hero h1{color:#fff;margin-bottom:20px;font-size:70px}.blog-hero span{background:linear-gradient(90deg,#8b5cf6,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.blog-hero p{color:#94a3b8;max-width:700px;margin:auto;font-size:20px}.blog-article{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;max-width:950px;margin:auto;padding:45px}.blog-banner{text-align:center;background:linear-gradient(#00000073,#0000008c),linear-gradient(135deg,#6d5df6,#0ea5e9);border-radius:20px;justify-content:center;align-items:center;height:350px;margin-bottom:40px;display:flex}.banner-content{color:#fff;max-width:650px}.banner-content span{color:#38bdf8;letter-spacing:3px;font-weight:700}.banner-content h2{margin:20px 0;font-size:48px}.banner-content p{color:#dbeafe;font-size:18px}.blog-article h2{color:#fff;margin-bottom:25px;font-size:40px}.blog-article h3{color:#38bdf8;margin-top:35px;margin-bottom:15px}.blog-article p{color:#cbd5e1;margin-bottom:20px;font-size:18px;line-height:2}.blog-article ul{color:#e2e8f0;padding-left:25px;line-height:2.2}@media (width<=900px){.blog-page{padding:120px 20px 60px}.blog-hero h1{font-size:46px}.banner-content h2{font-size:34px}.blog-article{padding:25px}.blog-article h2{font-size:30px}}@media (width<=900px){.policy-page{padding:120px 20px 60px}.policy-page h1{font-size:42px}.policy-card{padding:25px}}.policy-page{min-height:100vh;padding:140px 8% 80px}.policy-page h1{text-align:center;color:#fff;margin-bottom:60px;font-size:65px}.policy-page span{background:linear-gradient(90deg,#8b5cf6,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.policy-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;max-width:950px;margin:auto;padding:45px}.policy-card h2{color:#38bdf8;margin-top:30px;margin-bottom:15px}.policy-card p{color:#cbd5e1;font-size:18px;line-height:2}@media (width<=900px){.policy-page{padding:120px 20px 60px}.policy-page h1{font-size:42px}.policy-card{padding:25px}}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:22px;justify-content:space-between;align-items:center;width:92%;max-width:1350px;height:78px;padding:0 30px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000040}.logo{color:#fff;letter-spacing:.5px;align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.logo-icon{background:linear-gradient(135deg,#6d5df6,#00d4ff);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 0 25px #00d4ff73}.nav-links{gap:40px;display:flex}.nav-links a{color:#d7defd;font-weight:500;text-decoration:none;transition:all .35s}.nav-links a:hover{color:#fff;transform:translateY(-2px)}.nav-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6d5df6,#00d4ff);border:none;border-radius:14px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .35s;box-shadow:0 0 30px #00d4ff4d}.nav-btn:hover{transform:translateY(-3px);box-shadow:0 0 45px #00d4ff8c}.footer{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:30px;width:92%;max-width:1350px;margin:160px auto 40px;padding:60px}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:60px;display:flex}.footer-brand{max-width:420px}.footer-brand h2{margin-bottom:20px;font-size:34px}.footer-brand p{color:#b8c1ec;line-height:1.8}.footer-links{flex-wrap:wrap;gap:80px;display:flex}.footer-links div{flex-direction:column;gap:16px;display:flex}.footer-links h4{margin-bottom:12px}.footer-links a{color:#b8c1ec;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#00d4ff}.footer-bottom{text-align:center;color:#94a3b8;border-top:1px solid #ffffff14;margin-top:50px;padding-top:30px}@media (width<=768px){.footer{padding:35px}.footer-top{flex-direction:column}.footer-links{gap:40px}}.loader{z-index:99999;background:#050816;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-logo{background:linear-gradient(90deg,#fff,#00d4ff,#6d5df6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:48px;font-weight:800;animation:2s infinite pulse}.loader p{color:#94a3b8;letter-spacing:2px;margin-top:25px}.loader-line{background:#172036;border-radius:30px;width:260px;height:6px;margin-top:35px;overflow:hidden}.loader-fill{background:linear-gradient(90deg,#6d5df6,#00d4ff);height:100%;animation:1.8s linear forwards loading}@keyframes loading{0%{width:0%}to{width:100%}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.scroll-progress{z-index:999999;background:linear-gradient(90deg,#8b5cf6,#00d4ff,#38bdf8);height:4px;transition:width 80ms linear;position:fixed;top:0;left:0;box-shadow:0 0 20px #00d4ff,0 0 40px #8b5cf6}.cursor{pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999999;background:#00d4ff40;border:2px solid #00d4ff;border-radius:50%;width:22px;height:22px;transition:transform 80ms linear,width .2s,height .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 15px #00d4ff,0 0 40px #00d4ff80}.mouse-glow{pointer-events:none;filter:blur(40px);z-index:-1;background:radial-gradient(circle,#00d4ff29,#0000 70%);border-radius:50%;width:700px;height:700px;transition:left 80ms linear,top 80ms linear;position:fixed;transform:translate(-50%,-50%)}