@import url(https://fonts.googleapis.com/css2?family=Readex+Pro:wght@160..700&display=swap);body,html{margin:0;padding:0;text-align:center}h2{font-style:italic}*{font-family:Readex Pro,sans-serif}.primary-title{color:#fff;font-size:90px}.secondary-title{color:#fff;font-family:Readex Pro,sans-serif,bold;font-size:25px}.primary-button{border:none;border-radius:30px;color:#fff;font-size:15px;padding:12px 30px;text-transform:uppercase}.primary-button,.primary-button:hover{background:linear-gradient(135deg,#b206f3,#ff43ae)}.secondary-button{background-color:#fff;border:2px solid #797777;border-radius:30px;padding:12px 30px}.secondary-button,.secondary-button-mark{color:#797777;font-size:15px;font-weight:500;margin:6px;text-transform:uppercase}.secondary-button-mark{background-color:#cfc8ef;border:2px solid #faffff;border-radius:30px;padding:10px}.secondary-button:hover{border:2px solid #303030;color:#303030}.secondary-button-mark:hover{color:#303030;transform:scale(1.05)}.docLink-Cd,.docLink-Db{background:linear-gradient(135deg,#b206f3,#ff43ae);border:none;color:#fff;text-decoration:none}.docLink-Cd,.login-button{padding:12px 30px}.login-button{background-color:#fff;border:2px solid #797777;border-radius:30px;color:#797777;font-size:15px;font-weight:500;margin:6px;text-transform:uppercase}.login-button:hover{border:2px solid #303030;color:#303030}.upload-button{background-color:#e4e4e4;border:2px solid #797777;border-radius:30px;color:#303030;font-size:15px;font-weight:500;margin:6px;padding:12px 30px;text-transform:uppercase;width:fit-content}.upload-button:hover{background-color:#727171;border:2px solid #303030}.buttonAsLink{background-color:#fff;color:#00008b;cursor:pointer;display:inline-block;padding:10px 20px;text-align:center;text-decoration:underline}nav{display:flex;justify-content:space-between;width:100%}nav .nav-button{background:linear-gradient(135deg,#b206f3,#e81492);border:none;border-radius:10px;color:#fff;font-size:20px;margin:5px;padding:10px}nav .nav-button:hover{font-size:25px}nav .nav-button:disabled{background-color:#bdb4b4;color:#a0264b}nav .logo-container{margin:15px;width:50px}nav .logo-menu-container{justify-content:center;margin:10px;width:100%}nav .logo-container .logo{width:300%}.message-circle-button{display:none}@media (max-width:768px){.message-circle-button{display:block}}.overlay{background:linear-gradient(180deg,#000000a6 0,#0000),url(/static/media/SwipeEduBackgroundNew.268a504f6760bfd73207.png);height:100vh;position:fixed;width:100vw}.home{margin-top:25vh}.home .primary-button{background:linear-gradient(135deg,#b206f3,#e81492);border:none;border-radius:30px;color:#fff;font-size:15px;padding:10px 20px;text-transform:uppercase}.auth-modal{background-color:#fff;border-radius:10px;height:600px;left:0;margin-left:auto;margin-right:auto;max-width:360px;padding:40px;position:absolute;right:0;top:50px}.auth-modal .close-icon{float:right}.auth-modal form{display:flex;flex-direction:column}.auth-modal input[type=email],.auth-modal input[type=password],.auth-modal input[type=text]{font-size:17px;margin:8px;padding:8px}.auth-modal h3{margin-top:0}.onboarding{border-top:1px solid #d5d5d5}.onboarding h2{border-bottom-style:solid;padding:20px 20px 30px}.onboarding form{display:flex;justify-content:center}.onboarding form section{display:flex;flex-direction:column;padding:20px;text-align:start;width:35%}.onboarding .special-type,.onboarding form input{border:2px solid #dbdbdb;border-radius:10px;font-size:15px;margin:10px 0;padding:15px 30px}.onboarding .special-type{background-color:#fff;color:#000}.onboarding form textarea{border:2px solid #dbdbdb;border-radius:10px;font-size:15px;margin:10px 0;padding:15px 30px}.onboarding form label{margin:10px 0}.onboarding form .multiple-input-container{display:flex;flex-direction:row}.onboarding form input::-webkit-inner-spin-button,.onboarding form input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.onboarding form .multiple-input-container input{margin-right:10px}.onboarding form .multiple-input-container label{border:2px solid #909090;border-radius:10px;margin-right:10px;padding:10px;transition:all .3s}.onboarding form input[type=radio]{display:none}.onboarding form input[type=number]{width:10%}.onboarding form input[type=submit]{background:#efefef}.onboarding .submit-button{background:#efefef;color:#000}.onboarding form input[type=radio]:checked+label{background:linear-gradient(135deg,#b206f3,#ff43ae);border:2px solid #b701b7}.onboarding form input[type=submit]:active,.onboarding form input[type=submit]:hover{background:linear-gradient(135deg,#b206f3,#ff43ae);border:2px solid #000}.onboarding form .photo-container img{border-radius:2.5%;width:100%}.onboarding .multiple-input-container .dob-input{width:15%}.dashboard{display:flex;justify-content:space-between}.dashboard .swipe-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;margin-top:0;padding-top:20px;width:100%}.swipe{position:fixed}.swipe-buttons{align-items:center;display:block;flex-direction:column;flex-wrap:wrap;margin:20px}.card,.dashboard .card-container{height:650px;width:400px}.card{background-position:50%;background-size:cover;border-radius:30px}.card h3{margin-bottom:0;margin-top:0}.dashboard .swipe-info{bottom:0;padding:10px;position:absolute}.info-list{display:flex;justify-content:center;list-style-type:none;margin-top:0}.info-list ul{bottom:0;left:0;position:fixed;right:0}.info-list li{background:linear-gradient(135deg,#b206f3,#ff43ae);border-radius:20px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:14px;margin:1px;padding:5px 10px;text-align:center;text-transform:uppercase;width:fit-content}.info-list li h3{font-size:16px;white-space:normal}.button-section{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly;margin:0;padding:0;width:10%}.dashboard .primary-button{border-radius:50%;flex-grow:0;flex-shrink:0;height:50%;max-height:17.5%;width:100%}.description{align-content:center;background:linear-gradient(135deg,#b206f3,#ff43ae);border-radius:20px;color:#fff;padding:5px;text-transform:uppercase;width:fit-content}.swipe-buttons-container{display:none}@media (min-width:1024px){.swipe-buttons-container{bottom:50px;display:flex;justify-content:center;left:0;position:fixed;width:100%;z-index:1000}.swipe-buttons{display:flex;flex-direction:row;gap:10px}}@media (max-width:450px){.dashboard{align-items:center;background-color:#fff;flex-direction:column;height:75vh;justify-content:flex-start;overflow:hidden;padding:7.5px;width:100%}.dashboard .swipe-container{height:auto;justify-content:flex-start;margin-top:-50px;padding-top:15px}.dashboard .card-container,.dashboard .swipe-container{align-items:center;display:flex;flex-direction:column;max-width:300px;width:100%}.card,.dashboard .card-container{height:250px}.card{align-items:center;background-position:50%;border-radius:25px;bottom:40%;box-shadow:0 3.75px 7.5px #0000001a;display:flex;flex-direction:column;justify-content:flex-end;left:50%;max-width:300px;padding:11.25px;position:absolute;top:0;transform:translateX(-50%);width:100%}.card h3{color:#fff;font-size:13.5px;margin-bottom:7.5px;text-align:center}.dashboard .swipe-info{bottom:0;padding:7.5px;position:relative;text-align:center}.info-list{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;padding:0}.info-list li{background:linear-gradient(135deg,#b206f3,#ff43ae);border-radius:11.25px;box-shadow:0 2.25px 4.5px #0000001a;color:#fff;font-size:9px;margin:2.25px;padding:4.5px 9px;text-align:center}.button-section{align-items:center;display:flex;flex-direction:row;gap:11.25px;justify-content:center;padding:7.5px 0;width:100%}.description{background:linear-gradient(135deg,#b206f3,#ff43ae);border-radius:11.25px;color:#fff;font-size:10.5px;padding:6px;text-align:center;text-transform:uppercase}}@media (max-width:768px){.dashboard .chat-container{display:none}}.chat{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;padding:10px}.chat .chat-container{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;max-width:600px;padding:20px;width:100%}.chat-container{background-color:#fff;box-shadow:0 6px 24px 0 #0000000d,0 0 0 1px #00000014;text-align:left;width:30%;z-index:1}.chat-container .chat-container-header{align-items:center;background:linear-gradient(135deg,#b206f3,#ff43ae);display:flex;height:100px;justify-content:space-between}.chat-container .option{background-color:#fff;border:none;border-bottom:4px solid #c0c;font-size:20px;margin:2px;padding:10px}.chat-container .option:disabled{border-bottom:4px solid #bbb}.chat-container .log-out-icon,.chat-container .profile{align-items:center;color:#fff;display:flex;padding:20px}.img-container{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;margin:5px;overflow:hidden;width:30px}.img-container img{height:30px;object-fit:cover;width:30px}.chat-display,.matches-display{height:60vh;overflow-y:auto;padding:20px}.chat-message{margin-bottom:15px}.chat-message-header{align-items:center;display:flex;gap:10px}.chat-display p{background-color:#f1f0f0;border-radius:10px;margin-top:5px;padding:10px;width:fit-content}.matches-display div{display:flex;flex-direction:row;width:75%}.matches-display div,.matches-display h3{margin:5px;text-align:start}.chat-initial-message{background-color:#f1f0f0;border-radius:10px;justify-content:center}.chat-initial-match-message{border-radius:20px;justify-content:center;padding:2px;width:fit-content}.chat-initial-message select{border-radius:10px;display:flex}.chat-input{display:flex;flex-direction:column;padding:20px}.swipe-info{background-color:#f4f4f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif;margin-top:15px;padding:10px;text-align:center}.swipe-info p{color:#333;font-size:18px;font-weight:700;margin:0}.about{border-top:1px solid #d5d5d5}.about h2{border-bottom-style:solid;padding:20px 20px 30px}.about p{margin-left:5px;text-align:left}.about h2{display:flex;justify-content:center}.about img{height:50%;width:50%}.about section{padding:10px;text-align:start;width:100%}.social-buttons{display:flex;gap:10px;margin-top:10px}.btn{border-radius:5px;color:#fff;font-weight:700;padding:8px 15px;text-align:center;text-decoration:none;transition:.3s}.youtube{background-color:red}.facebook{background-color:#1877f2}.tiktok{background-color:#000}.instagram{background-color:purple}.btn:hover{opacity:.8}.video-container{max-width:560px;position:relative;width:100%}.video-container iframe{aspect-ratio:16/9;display:block;height:auto;width:100%}.privacy-policy{border-top:1px solid #d5d5d5}.privacy-policy h1{border-bottom-style:solid;padding:20px 20px 30px}.privacy-policy p{margin-left:50px;margin-right:50px;text-align:left}.privacy-policy h2{display:flex;justify-content:center}.privacy-policy li{display:flex;justify-content:left;margin-left:50px}.discover-card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,1fr);padding:20px}.discover-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;text-align:center}.discover-card img{height:200px;object-fit:cover;width:100%}.discover-card-content{display:flex;flex-direction:column;flex-grow:1;padding:16px}.discover-card span{color:#888;display:block;font-size:.9rem;margin-top:auto;text-transform:uppercase}.discover-card a{align-self:center;background:#363636;border-radius:10px;color:#fff;display:inline-block;font-size:1rem;margin-top:12px;max-width:fit-content;overflow:hidden;padding:10px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.discover-card a:hover{font-size:20px}.payment-card-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);padding:40px}.payment-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;text-align:center}.payment-card-content{display:flex;flex-direction:column;flex-grow:1;padding:16px}.payment-card h3{font-size:1.2rem;margin-bottom:8px}.payment-card p{color:#555;font-size:1rem}.payment-card span{color:#888;display:block;font-size:.9rem;margin-top:auto}.payment-card a{align-self:center;background:linear-gradient(135deg,#b206f3,#ff43ae);border-radius:10px;color:#fff;display:inline-block;font-size:1rem;margin-top:auto;max-width:fit-content;overflow:hidden;padding:10px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.payment-card a:hover{font-size:20px}.about{margin:0 auto;max-width:1800px;padding:10px;text-align:center}.about img{border-radius:50%;height:auto;margin:10px 0;max-width:400px;width:100%}.about section{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;margin-bottom:10px;text-align:left}.menu div{width:100%}.menu button{display:none}@media (max-width:768px){.menu-toggle{display:block}.button-section{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:none;flex-direction:column;padding:10px;position:absolute;right:10px;top:50px}.button-section.open{display:flex}}@media screen and (max-width:1200px){.discover-card-grid{grid-template-columns:repeat(4,1fr)}.payment-card-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:900px){.discover-card-grid{grid-template-columns:repeat(3,1fr)}.payment-card-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.discover-card-grid,.payment-card-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:400px){.discover-card-grid,.payment-card-grid{grid-template-columns:1fr}}@media screen and (max-width:1024px){.onboarding form section{width:80%}}@media screen and (max-width:1366px){.onboarding form section{width:70%}.onboarding form input{font-size:15px;padding:14px 22px}.onboarding form .multiple-input-container label{font-size:15px}.primary-title{font-size:60px}.primary-button,.secondary-button,.upload-button{font-size:15px;padding:12px}}@media screen and (max-width:768px){.onboarding form{align-items:center;flex-direction:column}.onboarding form section{padding:15px;width:80%}.onboarding form input{font-size:14px;padding:12px 20px;width:100%}.onboarding form .multiple-input-container{flex-wrap:wrap;justify-content:center}.onboarding form .multiple-input-container label{font-size:14px;padding:8px}.onboarding form input[type=number]{width:15%}}.primary-button,.secondary-button,.upload-button{font-size:14px;max-width:300px;padding:10px;width:fit-content}@media screen and (max-width:480px){.primary-button,.secondary-button,.upload-button{font-size:13px;max-width:fit-content;padding:8px}.primary-title{font-size:50px}}@media screen and (max-width:768px){.about{padding:10px}.about section{flex-direction:column;gap:10px;text-align:center}.about img{max-width:250px}}.about ul{padding-left:20px;text-align:left}@media screen and (max-width:480px){.about ul{padding-left:10px}.about p,.about ul{font-size:14px}.about img{max-width:200px}}.hero-section{align-items:center;background:#1e003e;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.hero-background .circle{animation:pulse 6s ease-in-out infinite;border-radius:50%;filter:blur(80px);position:absolute}.circle.blue{background:#3b82f61a;height:16rem;left:25%;top:25%;width:16rem}.circle.purple{animation-delay:1s;background:#a855f71a;bottom:25%;height:24rem;right:25%;width:24rem}.circle.blend{animation:spin 60s linear infinite;background:linear-gradient(90deg,#22d3ee0d,#c084fc0d);height:800px;left:50%;top:50%;transform:translate(-50%,-50%);width:800px}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.hero-content{max-width:1000px;opacity:0;position:relative;text-align:center;transform:translateY(20px);transition:all 1s ease;z-index:10}.hero-content.visible{opacity:1;transform:translateY(0)}.badge{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;color:#fff;display:inline-flex;font-size:.875rem;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.5rem}.hero-title{color:#fff;font-size:3em;font-weight:700;line-height:1.2;margin-bottom:1.5rem}@media (min-width:1024px){.hero-title{font-size:8rem}}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#22d3ee,#a855f7);-webkit-background-clip:text}.hero-subtitle{color:#d1d5db;font-size:1.25rem;margin:0 auto 2rem;max-width:700px}.highlight{color:#22d3ee;font-weight:600}.hero-section .stats{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.hero-section .stat{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem}.hero-section .cta-buttons{align-items:center;display:flex;flex-direction:column;gap:1rem}@media (min-width:2000px){.cta-buttons{flex-direction:row}}.hero-section .btn{border:none;border-radius:1rem;cursor:pointer;font-size:1.125rem;padding:1rem 2.5rem;transition:all .3s ease}.hero-section .btn.primary{background:linear-gradient(90deg,#06b6d4,#9333ea);box-shadow:0 8px 24px #06b6d440;color:#fff}.hero-section .btn.primary:hover{background:linear-gradient(90deg,#0891b2,#7e22ce);transform:scale(1.05)}.hero-section .btn.outline{background:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.hero-section .btn.outline:hover{background:#fff3}.hero-section .scroll-indicator{animation:bounce 2s infinite;bottom:2rem;left:50%;position:absolute;transform:translateX(-50%)}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}.hero-section .icon{height:1.25rem;width:1.25rem}.hero-section .icon.cyan{color:#22d3ee}.hero-section .icon.green{color:#22c55e}.hero-section .icon.yellow{color:#eab308}.hero-section .icon.purple{color:#a855f7}.hero-section .icon.white{color:#fff9}.social-section{background-color:#1e003e;padding:5rem 1rem;position:relative}.social-container{margin:0 auto;max-width:96rem}.social-header{margin-bottom:4rem;text-align:center}.social-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#ccc);-webkit-background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.social-subtitle{color:#ccc;font-size:1.25rem;margin:0 auto;max-width:48rem}.social-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:2rem;margin-bottom:3rem;padding:2rem;transition:all .3s ease}.social-card:hover{background-color:#ffffff1a}.social-flex{display:flex;flex-direction:column;gap:2rem}@media (min-width:1024px){.social-flex{align-items:center;flex-direction:row}}.social-info{flex:1 1;text-align:center}@media (min-width:1024px){.social-info{text-align:left}}.social-badge{align-items:center;background-color:#ff008033;border-radius:9999px;color:#f472b6;display:inline-flex;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.social-section .dot{animation:pulse 2s infinite;background-color:#ec4899;border-radius:9999px;height:.75rem;width:.75rem}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.3}}.social-handle{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.social-description{color:#ccc;font-size:1.125rem;margin-bottom:1.5rem}.social-button{align-items:center;background:linear-gradient(90deg,#ec4899,#ef4444);border-radius:1rem;box-shadow:0 10px 15px #ec489933;color:#fff;display:inline-flex;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:transform .3s ease}.social-button:hover{transform:scale(1.05)}.social-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);min-width:300px}.social-section .stat-box{border:1px solid;border-radius:1.5rem;padding:1.5rem;text-align:center}.social-section .stat-box .icon{height:2rem;margin:0 auto .75rem;width:2rem}.social-section .stat-value{color:#fff;font-size:1.75rem;font-weight:700}.social-section .stat-label{font-size:.875rem}.social-section .stat-box.cyan{background:linear-gradient(to bottom right,#06b6d433,#3b82f633);border-color:#06b6d44d;color:#22d3ee}.social-section .stat-box.pink{background:linear-gradient(to bottom right,#ec489933,#ef444433);border-color:#ec48994d;color:#f472b6}.social-section .stat-box.purple{background:linear-gradient(to bottom right,#a855f733,#6366f133);border-color:#a855f74d;color:#d8b4fe}.social-section .stat-box.green{background:linear-gradient(to bottom right,#22c55e33,#10b98133);border-color:#22c55e4d;color:#6ee7b7}.social-section .social-footer{text-align:center}.social-section .social-subtext{color:#ccc;margin-bottom:1.5rem}.social-section .trust-badges{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.social-section .badge{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;color:#fff;display:flex;padding:.5rem 1rem}.portfolio-section{background:#1e003e;color:#fff;padding:80px 20px}.portfolio-section .container{margin:0 auto;max-width:1200px}.portfolio-header{margin-bottom:50px;text-align:center}.portfolio-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#aaa);-webkit-background-clip:text;font-size:40px}.portfolio-header p{color:#ccc;font-size:18px;margin:0 auto;max-width:600px}.portfolio-section .projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:60px}.portfolio-section .project-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;position:relative;transition:all .3s ease}.portfolio-section .project-card:hover{box-shadow:0 10px 20px #00ffff1a;transform:scale(1.03)}.portfolio-section .project-image{height:240px;overflow:hidden;position:relative}.portfolio-section .project-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.portfolio-section .project-card:hover .project-image img{transform:scale(1.1)}.portfolio-section .featured-badge{background:linear-gradient(90deg,#06b6d4,#8b5cf6);color:#fff;font-weight:700;left:15px}.portfolio-section .category-badge,.portfolio-section .featured-badge{border-radius:12px;font-size:12px;padding:6px 12px;position:absolute;top:15px}.portfolio-section .category-badge{align-items:center;background:#ffffff1a;color:#06b6d4;display:flex;gap:6px;right:15px}.portfolio-section .project-content{padding:20px}.portfolio-section .project-content h3{color:#fff;font-size:20px;margin-bottom:10px}.portfolio-section .project-content p{color:#bbb;font-size:14px;line-height:1.5}.project-footer{color:#666;font-size:12px;margin-top:10px;text-align:right}.portfolio-section .stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.portfolio-section .stat{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:30px 20px;text-align:center;transition:background .3s ease}.portfolio-section .stat:hover{background:#ffffff14}.portfolio-section .stat .value{font-size:28px;font-weight:700;margin-bottom:8px}.portfolio-section .stat .label{color:#ccc;font-size:14px}.services-section{background:#1e003e;color:#fff;font-family:Arial,sans-serif;padding:80px 20px}.services-section .container{margin:0 auto;max-width:1200px}.services-section .header{margin-bottom:60px;text-align:center}.services-section .header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#ccc);-webkit-background-clip:text;font-size:2.5rem;margin-bottom:20px}.services-section .header p{color:#bbb;font-size:1.2rem;margin:0 auto;max-width:700px}.services-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-card{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:30px;transition:all .3s ease}.service-card:hover{background-color:#ffffff14;transform:scale(1.03)}.services-section .icon-wrapper{border-radius:12px;color:#fff;font-size:45px;height:64px;width:64px}.service-card h3{font-size:1.5rem;margin-bottom:15px}.service-card p{color:#aaa;line-height:1.6;margin-bottom:20px}.service-card ul{list-style:none;margin:0;padding:0}.service-card li{align-items:center;color:#ccc;display:flex;font-size:.95rem;margin-bottom:8px}.services-section .dot{border-radius:50%;height:8px;margin-right:10px;width:8px}.gradient-cyan{background:linear-gradient(90deg,#06b6d4,#3b82f6)}.gradient-purple{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.gradient-green{background:linear-gradient(90deg,#10b981,#34d399)}.gradient-yellow{background:linear-gradient(90deg,#f59e0b,#f97316)}.gradient-indigo{background:linear-gradient(90deg,#6366f1,#a855f7)}.gradient-red{background:linear-gradient(90deg,#ef4444,#ec4899)}.about-section{background:#1e003e;color:#fff;padding:80px 20px}.about-section .about-container{margin:0 auto;max-width:1200px}.about-section .about-header{margin-bottom:64px;text-align:center}.about-section .about-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#ccc);-webkit-background-clip:text;font-size:3rem;font-weight:700}.about-section .about-subtitle{color:#aaa;font-size:1.25rem;margin:0 auto;max-width:700px}.about-section .about-main{display:flex;flex-wrap:wrap;gap:48px}.about-section .about-left{flex:1 1;min-width:300px}.about-section .about-highlight-title{font-size:2rem;font-weight:700;margin-bottom:24px}.about-section .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#06b6d4,#a855f7);-webkit-background-clip:text}.about-section .about-text{color:#ccc;font-size:1rem;line-height:1.6;margin-bottom:16px}.about-section .about-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:32px}.about-section .metric-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:16px;text-align:left}.about-section .metric-number{font-size:1.5rem;font-weight:700;margin-bottom:4px}.about-section .metric-label{color:#ccc;font-size:.875rem}.cyan{color:#06b6d4}.purple{color:#a855f7}.green{color:#22c55e}.yellow{color:#facc15}.about-section .about-values{background:#ffffff0d;display:flex;flex:1 1;flex-direction:column;gap:24px;min-width:300px}.about-section .value-box{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:20px;transition:background .3s}.about-section .value-box:hover{background:#ffffff1a}.about-section .value-icon{border-radius:12px;font-size:2rem;height:48px;margin-top:8px;width:48px}.about-section .value-title{font-size:1.125rem;font-weight:700;margin-bottom:8px;text-align:left}.about-section .value-text{color:#ccc;font-size:1rem;text-align:left}.contact-section{background:#1e003e;color:#ccc;font-family:Arial,sans-serif;padding:80px 20px}.contact-section .container{margin:auto;max-width:1100px}.contact-section .contact-header{margin-bottom:50px;text-align:center}.contact-section .contact-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#aaa);-webkit-background-clip:text;font-size:30px}.contact-section .contact-header p{color:#999;font-size:18px;margin:0 auto;max-width:700px}.contact-section .contact-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:50px}.contact-section .info-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:15px;padding:20px}.contact-section .info .info-card h3{text-align:left}.contact-section .icon{border-radius:10px;font-size:35px;height:50px;padding:5px;width:50px}.email-icon{background:linear-gradient(90deg,#06b6d4,#3b82f6)}.phone-icon{background:linear-gradient(90deg,#a855f7,#ec4899)}.tiktok-icon{background:linear-gradient(90deg,#22c55e,#10b981)}.location-icon{background:linear-gradient(90deg,#facc15,#fb923c)}.contact-section .contact-form{display:flex;flex-direction:column;gap:15px;margin-bottom:50px}.contact-form textarea,.contact-section .contact-form input{background:#1a1a1a;border:none;border-radius:8px;color:#fff;font-size:16px;padding:15px}.contact-section .contact-form button{background:linear-gradient(90deg,#06b6d4,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:15px}.contact-section .contact-form button:disabled{cursor:not-allowed;opacity:.6}.contact-section .contact-footer{border-top:1px solid #ffffff1a;color:#777;padding-top:30px;text-align:center}.contact-section .contact-footer .stats{color:#555;display:flex;flex-wrap:wrap;font-size:14px;gap:10px;justify-content:center;margin-top:10px}