.contact{min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0c0c1d 0%,#1a1a2e 100%);padding:auto;overflow:hidden;position:relative}.contact:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(255,123,0,.1) 0%,transparent 70%);pointer-events:none}.contact .contact-container{max-width:1366px;width:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:0 20px}@media (max-width: 425px){.contact .contact-container{flex-direction:column;padding:20px;gap:30px}}@media (max-width: 768px){.contact .contact-container{gap:30px;padding:0 30px}}@media (max-width: 1024px){.contact .contact-container{gap:30px;padding:0 30px}}.contact .mobile-social-links{display:none}@media (max-width: 425px){.contact .mobile-social-links{display:flex;gap:15px;justify-content:center;margin:30px auto;width:100%;max-width:300px;padding:0 20px;order:3;z-index:10;position:relative}.contact .mobile-social-links .social-icon{width:35px;height:35px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.contact .mobile-social-links .social-icon svg{width:18px;height:18px}.contact .mobile-social-links .social-icon:hover{background:linear-gradient(90deg,#ff7b00,#ffb700);transform:translateY(-3px);box-shadow:0 5px 15px #ff7b004d}}.contact .textContainer{flex:1;display:flex;flex-direction:column;gap:30px;max-width:600px}@media (max-width: 425px){.contact .textContainer{gap:20px;text-align:center;align-items:center;margin-top:20px;max-width:100%}}@media (max-width: 768px){.contact .textContainer{max-width:450px;gap:25px;padding-top:90px}}@media (max-width: 1024px){.contact .textContainer{max-width:450px;gap:25px;padding-top:90px}}.contact .textContainer h1{font-size:72px;line-height:1.1;background:linear-gradient(90deg,#ff7b00,#ffb700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px;font-weight:700;position:relative}.contact .textContainer h1:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#ff7b00,#ffb700);border-radius:2px}@media (max-width: 425px){.contact .textContainer h1{font-size:28px}.contact .textContainer h1:after{left:50%;transform:translate(-50%)}}@media (max-width: 768px){.contact .textContainer h1{font-size:48px}.contact .textContainer h1:after{left:50%;transform:translate(-50%)}}@media (max-width: 1024px){.contact .textContainer h1{font-size:56px}.contact .textContainer h1:after{left:50%;transform:translate(-50%)}}.contact .textContainer .subtitle{font-size:20px;color:#b8b8d4;margin-bottom:20px;line-height:1.6}@media (max-width: 425px){.contact .textContainer .subtitle{font-size:16px}}@media (max-width: 768px){.contact .textContainer .subtitle{font-size:17px}}@media (max-width: 1024px){.contact .textContainer .subtitle{font-size:18px}}.contact .textContainer .contact-info{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}@media (max-width: 425px){.contact .textContainer .contact-info{width:100%;align-items:center}}@media (max-width: 768px){.contact .textContainer .contact-info{width:100%;align-items:center}}.contact .textContainer .contact-info .item{display:flex;align-items:center;gap:15px;transition:transform .3s ease}.contact .textContainer .contact-info .item:hover{transform:translate(5px)}@media (max-width: 425px){.contact .textContainer .contact-info .item{width:100%;max-width:280px;justify-content:flex-start}}@media (max-width: 768px){.contact .textContainer .contact-info .item{width:100%;max-width:320px;justify-content:flex-start}}.contact .textContainer .contact-info .item .icon-wrapper{width:50px;height:50px;border-radius:50%;background:rgba(255,123,0,.1);display:flex;align-items:center;justify-content:center;color:#ff7b00;flex-shrink:0}.contact .textContainer .contact-info .item .icon-wrapper svg{width:24px;height:24px}@media (max-width: 425px){.contact .textContainer .contact-info .item .icon-wrapper{width:45px;height:45px}.contact .textContainer .contact-info .item .icon-wrapper svg{width:20px;height:20px}}@media (max-width: 768px){.contact .textContainer .contact-info .item .icon-wrapper{width:48px;height:48px}.contact .textContainer .contact-info .item .icon-wrapper svg{width:22px;height:22px}}.contact .textContainer .contact-info .item .info-content h2{font-size:18px;font-weight:600;margin-bottom:5px;color:#fff}@media (max-width: 425px){.contact .textContainer .contact-info .item .info-content h2{font-size:16px;margin-bottom:3px;text-align:left}}@media (max-width: 768px){.contact .textContainer .contact-info .item .info-content h2{font-size:17px;margin-bottom:4px;text-align:left}}.contact .textContainer .contact-info .item .info-content span{font-size:16px;color:#b8b8d4}@media (max-width: 425px){.contact .textContainer .contact-info .item .info-content span{font-size:14px;text-align:left}}@media (max-width: 768px){.contact .textContainer .contact-info .item .info-content span{font-size:15px;text-align:left}}.contact .textContainer .social-links{display:flex;gap:15px;margin-top:10px}@media (max-width: 425px){.contact .textContainer .social-links{display:none}}@media (max-width: 768px){.contact .textContainer .social-links{justify-content:center}}.contact .textContainer .social-links .social-icon{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.contact .textContainer .social-links .social-icon svg{width:20px;height:20px}.contact .textContainer .social-links .social-icon:hover{background:linear-gradient(90deg,#ff7b00,#ffb700);transform:translateY(-3px);box-shadow:0 5px 15px #ff7b004d}@media (max-width: 425px){.contact .textContainer .social-links .social-icon{width:35px;height:35px}.contact .textContainer .social-links .social-icon svg{width:18px;height:18px}}@media (max-width: 768px){.contact .textContainer .social-links .social-icon{width:38px;height:38px}.contact .textContainer .social-links .social-icon svg{width:19px;height:19px}}.formContainer{flex:1;position:relative;max-width:550px;width:100%}@media (max-width: 425px){.formContainer{padding:20px 0;width:100%;max-width:100%}}@media (max-width: 768px){.formContainer{padding:15px 0;width:100%;max-width:500px}}@media (max-width: 1024px){.formContainer{max-width:450px;padding-top:80px}}.formContainer .form-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;opacity:.2;color:#ff7b00}@media (max-width: 425px){.formContainer .form-background svg{width:300px;height:300px}}@media (max-width: 768px){.formContainer .form-background svg{width:350px;height:350px}}@media (max-width: 1024px){.formContainer .form-background svg{width:400px;height:400px}}.formContainer .contact-form{background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;position:relative;z-index:1;box-shadow:0 15px 35px #0003;border:1px solid rgba(255,255,255,.1)}@media (max-width: 425px){.formContainer .contact-form{padding:25px 20px}}@media (max-width: 768px){.formContainer .contact-form{padding:30px 25px}}@media (max-width: 1024px){.formContainer .contact-form{padding:30px 25px}}.formContainer .contact-form h2{font-size:28px;margin-bottom:30px;color:#fff;text-align:center;font-weight:600}@media (max-width: 425px){.formContainer .contact-form h2{font-size:24px;margin-bottom:25px}}@media (max-width: 768px){.formContainer .contact-form h2{font-size:26px;margin-bottom:28px}}.formContainer .contact-form .form-group{position:relative;margin-bottom:25px}@media (max-width: 425px){.formContainer .contact-form .form-group{margin-bottom:20px}}@media (max-width: 768px){.formContainer .contact-form .form-group{margin-bottom:22px}}.formContainer .contact-form .form-group input,.formContainer .contact-form .form-group textarea{width:100%;padding:15px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:8px;font-size:16px;transition:all .3s ease}.formContainer .contact-form .form-group input:focus,.formContainer .contact-form .form-group textarea:focus{outline:none;border-color:#ff7b0080;box-shadow:0 0 0 2px #ff7b0033}.formContainer .contact-form .form-group input:focus+label,.formContainer .contact-form .form-group input:not(:placeholder-shown)+label,.formContainer .contact-form .form-group textarea:focus+label,.formContainer .contact-form .form-group textarea:not(:placeholder-shown)+label{transform:translateY(-25px) scale(.8);color:#ff7b00}@media (max-width: 425px){.formContainer .contact-form .form-group input,.formContainer .contact-form .form-group textarea{padding:12px;font-size:14px}}@media (max-width: 768px){.formContainer .contact-form .form-group input,.formContainer .contact-form .form-group textarea{padding:13px;font-size:15px}}.formContainer .contact-form .form-group textarea{resize:none;min-height:120px}@media (max-width: 425px){.formContainer .contact-form .form-group textarea{min-height:100px}}@media (max-width: 768px){.formContainer .contact-form .form-group textarea{min-height:110px}}.formContainer .contact-form .form-group label{position:absolute;left:15px;top:15px;color:#b8b8d4;pointer-events:none;transition:all .3s ease;transform-origin:left top}@media (max-width: 425px){.formContainer .contact-form .form-group label{font-size:14px;left:12px;top:12px}}@media (max-width: 768px){.formContainer .contact-form .form-group label{font-size:15px;left:13px;top:13px}}.formContainer .contact-form button{width:100%;padding:15px;border:none;background:linear-gradient(90deg,#ff7b00,#ffb700);color:#0c0c1d;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}@media (max-width: 425px){.formContainer .contact-form button{padding:12px;font-size:15px}}@media (max-width: 768px){.formContainer .contact-form button{padding:13px;font-size:15px}}.formContainer .contact-form button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .4s ease}.formContainer .contact-form button:hover{transform:translateY(-3px);box-shadow:0 7px 20px #ff7b004d}.formContainer .contact-form button:hover:before{left:100%}.formContainer .contact-form button svg{width:20px;height:20px}@media (max-width: 425px){.formContainer .contact-form button svg{width:18px;height:18px}}@media (max-width: 768px){.formContainer .contact-form button svg{width:19px;height:19px}}.formContainer .contact-form .form-message{margin-top:20px;padding:10px;border-radius:8px;text-align:center;font-size:14px}.formContainer .contact-form .form-message.error{background-color:#ff00001a;color:#f55}.formContainer .contact-form .form-message.success{background-color:#00ff001a;color:#55ff7f}@media (max-width: 425px){.formContainer .contact-form .form-message{font-size:13px;padding:8px;margin-top:15px}}@media (max-width: 768px){.formContainer .contact-form .form-message{font-size:13px;padding:9px;margin-top:18px}}.hero{height:calc(100vh - 100px);overflow:hidden;background:linear-gradient(180deg,#0c0c1d,#111132);position:relative;margin-top:100px}@media (max-width: 1024px){.hero{height:calc(100vh - 70px);margin-top:70px}}.hero .wrapper{max-width:1366px;height:100%;margin:auto;padding:0 20px}@media (max-width: 1024px){.hero .wrapper{padding:0 30px}}.hero .wrapper .textContainer{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:40px}@media (max-width: 1024px){.hero .wrapper .textContainer{width:60%;gap:25px}}@media (max-width: 425px){.hero .wrapper .textContainer{height:50%;width:100%;gap:15px;align-items:center;text-align:center;padding:70px 0 20px;justify-content:flex-start;position:relative;z-index:2}}.hero .wrapper .textContainer h2{font-size:clamp(20px,3vw,30px);color:#639;letter-spacing:clamp(5px,1vw,10px)}@media (max-width: 1024px){.hero .wrapper .textContainer h2{font-size:clamp(18px,2.5vw,24px);letter-spacing:5px}}@media (max-width: 425px){.hero .wrapper .textContainer h2{font-size:clamp(16px,2vw,20px);letter-spacing:4px}}.hero .wrapper .textContainer h1{font-size:clamp(36px,8vw,88px);line-height:1.1;white-space:normal}@media (max-width: 1024px){.hero .wrapper .textContainer h1{font-size:clamp(32px,6vw,64px);line-height:1.2}}@media (max-width: 425px){.hero .wrapper .textContainer h1{font-size:clamp(28px,5vw,48px);line-height:1.3}}.hero .wrapper .textContainer .buttons{display:flex;gap:20px;z-index:8888}@media (max-width: 1024px){.hero .wrapper .textContainer .buttons{gap:15px}}@media (max-width: 425px){.hero .wrapper .textContainer .buttons{flex-direction:column;align-items:center;gap:12px}}.hero .wrapper .textContainer .buttons button{padding:clamp(10px,2vw,20px);border:1px solid white;border-radius:10px;background-color:transparent;color:#fff;cursor:pointer;font-weight:300;white-space:nowrap}@media (max-width: 1024px){.hero .wrapper .textContainer .buttons button{font-size:14px;padding:12px 16px}}@media (max-width: 425px){.hero .wrapper .textContainer .buttons button{width:100%;max-width:200px;margin:0;font-size:13px;padding:10px 14px}}.hero .wrapper .textContainer img{width:clamp(30px,5vw,50px)}@media (max-width: 1024px){.hero .wrapper .textContainer img{width:clamp(25px,4vw,40px)}}@media (max-width: 425px){.hero .wrapper .textContainer img{width:clamp(20px,3vw,30px)}}.hero .imageContainer{height:100%;position:absolute;top:0;right:0;width:50%}@media (max-width: 1024px){.hero .imageContainer{width:50%;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;bottom:0;top:auto}}@media (max-width: 425px){.hero .imageContainer{height:53%;width:100%;top:unset;bottom:0;z-index:1;display:flex;align-items:flex-end}}.hero .imageContainer img{width:100%;height:100%;object-fit:cover}@media (max-width: 1024px){.hero .imageContainer img{object-position:bottom right;object-fit:contain;max-height:100%;max-width:100%}}@media (max-width: 425px){.hero .imageContainer img{object-position:top;object-fit:contain;max-height:100%}}.hero .slidingTextContainer{position:absolute;font-size:50dvh;bottom:-120px;white-space:nowrap;color:#ffffff09;width:50%;font-weight:700}@media (max-width: 1024px){.hero .slidingTextContainer{font-size:38dvh;bottom:-90px;width:60%}}@media (max-width: 425px){.hero .slidingTextContainer{font-size:28dvh;bottom:-60px;width:100%}}.navbar{height:100px;position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0 0;transition:opacity .3s ease,transform .3s ease}.navbar.docked .wrapper{background:rgba(8,12,28,.82);border-color:#ffffff24;box-shadow:0 20px 50px #00000059;transform:translateY(-2px)}.navbar.hidden{opacity:0;pointer-events:none}.navbar .wrapper{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:12px 18px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.03)),rgba(8,12,28,.56);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 40px #0003;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}@media (max-width: 1366px){.navbar .wrapper{margin:0 20px}}.navbar .wrapper .logo-container{display:flex;align-items:center;gap:14px;cursor:pointer;min-width:220px}.navbar .wrapper .logo-container .logo-mark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;font-size:16px;font-weight:700;letter-spacing:.08em;color:#08101f;background:linear-gradient(135deg,#f6c453,#ff8a3d);box-shadow:0 10px 24px #ff8a3d52}.navbar .wrapper .logo-container .logo-copy{display:flex;flex-direction:column;gap:3px}.navbar .wrapper .logo-container .logo-copy .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.24em;color:#ffffff85}.navbar .wrapper .logo-container .logo-copy strong{color:#f5f7ff;font-size:16px;font-weight:600;letter-spacing:.02em}.navbar .wrapper .navigation{display:flex;align-items:center;gap:8px;padding:6px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05)}@media (max-width: 1024px){.navbar .wrapper .navigation{gap:4px}}.navbar .wrapper .navigation a{font-size:14px;font-weight:500;color:#e2e8f0bd;text-decoration:none;position:relative;isolation:isolate;padding:10px 14px;border-radius:14px;overflow:hidden;transition:color .25s ease,background-color .25s ease,box-shadow .25s ease}.navbar .wrapper .navigation a .tab-label{position:relative;z-index:1}.navbar .wrapper .navigation a .tab-indicator{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:linear-gradient(135deg,#f8d36c,#ff9250);box-shadow:0 12px 24px #ff925040,inset 0 1px #ffffff73}.navbar .wrapper .navigation a .tab-indicator:before,.navbar .wrapper .navigation a .tab-indicator:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.navbar .wrapper .navigation a .tab-indicator:before{inset:2px 6px auto;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0));filter:blur(.5px);opacity:.95}.navbar .wrapper .navigation a .tab-indicator:after{width:54%;height:70%;right:-8%;top:18%;background:radial-gradient(circle,rgba(255,255,255,.34),rgba(255,255,255,0));filter:blur(8px);opacity:.8}.navbar .wrapper .navigation a:hover{color:#fff;background:rgba(255,255,255,.06)}.navbar .wrapper .navigation a.active{color:#0a1321}.navbar .wrapper .actions{display:flex;align-items:center;gap:20px}@media (max-width: 1024px){.navbar .wrapper .actions{gap:10px}}.navbar .wrapper .actions .availability{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(94,234,212,.08);border:1px solid rgba(94,234,212,.18);color:#d5fff3;font-size:13px;white-space:nowrap}.navbar .wrapper .actions .availability .status-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 6px #34d39924}.navbar .wrapper .actions .social{display:flex;align-items:center;gap:10px}.navbar .wrapper .actions .social-link{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:background-color .25s ease,border-color .25s ease,color .25s ease}.navbar .wrapper .actions .social-link:hover{background:rgba(255,255,255,.1);border-color:#ffffff29}.navbar .wrapper .actions .social-link img{width:20px;height:20px;display:block}.navbar .wrapper .actions .cta{padding:12px 18px;border-radius:16px;color:#09111e;font-size:14px;font-weight:700;background:linear-gradient(135deg,#f7d06d,#ff8e4c);box-shadow:0 12px 24px #ff8e4c38}@media (max-width: 1024px){.navbar .wrapper{gap:16px}.navbar .wrapper .logo-container{min-width:auto}.navbar .wrapper .navigation a{padding:10px 12px;font-size:13px}.navbar .wrapper .actions .availability{display:none}.navbar .wrapper .actions .cta{padding-inline:14px}}.parallax{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}@media (max-width: 425px){.parallax{min-height:100dvh}}@media (max-width: 1024px){.parallax{min-height:100dvh}}@media (max-width: 768px){.parallax{min-height:100dvh}}.parallax h1{font-size:100px;text-align:center;z-index:10;position:relative;color:#fff;text-shadow:2px 2px 5px rgba(0,0,0,.5);transition:font-size .3s ease}@media (max-width: 1024px){.parallax h1{font-size:84px}}@media (max-width: 425px){.parallax h1{font-size:48px;text-align:center;padding:0 15px;margin:0}}.parallax .mountains{background-image:url(/mountains.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:3;will-change:transform;transform:translateZ(0)}@media (max-width: 1024px){.parallax .mountains{background-size:cover}}@media (max-width: 425px){.parallax .mountains{background-size:contain;background-repeat:no-repeat}}.parallax .planets{background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:2;will-change:transform;transform:translateZ(0)}@media (max-width: 1024px){.parallax .planets{background-size:cover}}@media (max-width: 425px){.parallax .planets{background-size:contain;background-repeat:no-repeat}}.parallax .stars{background-image:url(/stars.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:1;will-change:transform;transform:translateZ(0)}.services{background:linear-gradient(180deg,#0c0c1d,#111132);height:auto;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;overflow-x:hidden;padding:130px 0}@media (max-width: 425px){.services{min-height:auto;padding:40px 0 60px;overflow:visible;position:relative}}.services .textContainer{flex:0 0 auto;align-self:flex-end;display:flex;align-items:center;gap:20px;margin-bottom:30px;transition:all .3s ease}@media (max-width: 1024px){.services .textContainer{padding:0 20px}}@media (max-width: 425px){.services .textContainer{align-self:center;text-align:center;flex-direction:column;padding:20px;margin-bottom:30px;width:100%}}.services .textContainer p{font-weight:200;font-size:20px;color:gray;text-align:right;transition:all .3s ease}@media (max-width: 1024px){.services .textContainer p{font-size:18px}}@media (max-width: 425px){.services .textContainer p{font-size:16px;text-align:center;color:#b8b8d4}}.services .textContainer hr{width:500px;border:none;border-top:.5px solid gray;transition:all .3s ease}@media (max-width: 1024px){.services .textContainer hr{width:400px}}@media (max-width: 425px){.services .textContainer hr{width:80%;max-width:300px;border-top:1px solid #b8b8d4}}.services .titleContainer{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;margin-bottom:40px}@media (max-width: 1024px){.services .titleContainer{width:100%}}@media (max-width: 425px){.services .titleContainer{width:100%;margin-bottom:40px}}.services .titleContainer .title{display:flex;align-items:center;gap:50px}@media (max-width: 1024px){.services .titleContainer .title{gap:30px}}@media (max-width: 425px){.services .titleContainer .title{flex-direction:column;text-align:center;gap:20px}}.services .titleContainer .title img{width:300px;height:100px;border-radius:50px;object-fit:cover}@media (max-width: 1024px){.services .titleContainer .title img{width:250px;height:80px}}@media (max-width: 425px){.services .titleContainer .title img{width:200px;height:50px}}.services .titleContainer .title h1{font-size:96px;font-weight:100}@media (max-width: 1024px){.services .titleContainer .title h1{font-size:64px}}@media (max-width: 425px){.services .titleContainer .title h1{font-size:36px;line-height:1.2;color:#fff}}.services .titleContainer .title button{width:300px;height:100px;border-radius:50px;background-color:orange;border:none;font-size:24px;cursor:pointer}@media (max-width: 1024px){.services .titleContainer .title button{width:220px;height:80px;font-size:20px}}@media (max-width: 425px){.services .titleContainer .title button{font-size:16px;width:180px;height:50px;margin-top:10px}}.services .listContainer{flex:0 0 auto;display:flex;max-width:1366px;margin:auto}@media (max-width: 1024px){.services .listContainer{flex-wrap:wrap;justify-content:center;gap:20px;padding:0 20px}}@media (max-width: 425px){.services .listContainer{flex-direction:column;width:100%;padding:0 15px;gap:30px;margin-bottom:40px}}.services .listContainer .box{padding:50px;border:.5px solid gray;display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 1024px){.services .listContainer .box{flex:0 0 calc(50% - 20px);padding:30px}}@media (max-width: 425px){.services .listContainer .box{border:1px solid rgba(255,255,255,.2);border-radius:10px;background-color:#ffffff0d;align-items:center;gap:15px;padding:25px 15px;margin-bottom:25px;box-shadow:0 5px 15px #0000004d}}@media (max-width: 1024px){.services .listContainer .box h2{font-size:22px}}@media (max-width: 425px){.services .listContainer .box h2{font-size:22px;margin-bottom:15px;text-align:center;color:orange;font-weight:500}}@media (max-width: 1024px){.services .listContainer .box p{font-size:15px}}@media (max-width: 425px){.services .listContainer .box p{display:block!important;font-size:15px;text-align:center;margin-bottom:20px;line-height:1.5;color:#fff;padding:0 5px}}.services .listContainer .box button{padding:10px;background-color:orange;border:none;cursor:pointer}@media (max-width: 1024px){.services .listContainer .box button{padding:8px;font-size:14px}}@media (max-width: 425px){.services .listContainer .box button{background-color:orange;border-radius:5px;color:#0c0c1d;width:80%;padding:10px;font-weight:600;font-size:15px;transition:all .3s ease}}.skills{background:linear-gradient(180deg,#111132,#0c0c1d);height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:50px 0}.skills .titleContainer{display:flex;flex-direction:column;align-items:center;margin-bottom:50px}.skills .titleContainer .title{display:flex;align-items:center;gap:50px}@media (max-width: 425px){.skills .titleContainer .title{flex-direction:column;text-align:center;gap:20px}}@media (max-width: 768px){.skills .titleContainer .title{flex-direction:column;text-align:center;gap:30px}}@media (max-width: 1024px){.skills .titleContainer .title{gap:40px}}.skills .titleContainer .title h1{font-size:96px;font-weight:100}@media (max-width: 425px){.skills .titleContainer .title h1{font-size:36px}}@media (max-width: 768px){.skills .titleContainer .title h1{font-size:48px}}@media (max-width: 1024px){.skills .titleContainer .title h1{font-size:72px}}.skills .skillsContainer{display:flex;flex-wrap:wrap;gap:30px;max-width:1366px;margin:50px auto 0;padding:0 20px}.skills .skillsContainer .categoryCard{background-color:#ffffff08;border-radius:10px;padding:30px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;flex-basis:48%}@media (max-width: 425px){.skills .skillsContainer .categoryCard{padding:20px;flex-basis:100%;will-change:opacity,transform}}@media (max-width: 768px){.skills .skillsContainer .categoryCard{padding:20px;flex-basis:100%}}.skills .skillsContainer .categoryCard h2{color:#fff;font-size:28px;margin-bottom:20px;font-weight:300;position:relative;display:inline-block}.skills .skillsContainer .categoryCard h2:after{content:"";position:absolute;bottom:-10px;left:0;width:50px;height:3px;background-color:orange}@media (max-width: 425px){.skills .skillsContainer .categoryCard h2{font-size:22px}}.skills .skillsContainer .categoryCard .skillTags{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.skills .skillsContainer .categoryCard .skillTags .skillTag{background-color:#ffffff14;color:#d3d3d3;padding:8px 16px;border-radius:20px;font-size:16px;transition:all .3s ease;cursor:default;border:1px solid rgba(255,255,255,.1)}@media (max-width: 425px){.skills .skillsContainer .categoryCard .skillTags .skillTag{font-size:14px;padding:6px 12px}}.about-section{min-height:100dvh;background:linear-gradient(135deg,#0f0f1e 0%,#1a1a35 100%);padding:6rem 2rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}@media (max-width: 1024px){.about-section{padding:5rem 1.5rem}}@media (max-width: 768px){.about-section{padding:4rem 1rem 5rem;min-height:auto}}@media (max-width: 425px){.about-section{padding:3rem .75rem 4rem;min-height:auto}.about-section .floating-particles:before,.about-section .floating-particles:after{animation-duration:10s;will-change:transform}}.about-container{display:flex;flex-direction:row;gap:4rem;max-width:1200px;width:100%;align-items:center;justify-content:center;position:relative;z-index:2}@media (max-width: 1024px){.about-container{flex-direction:column;padding:2rem;gap:2rem}}@media (max-width: 768px){.about-container{flex-direction:column;padding:1rem;gap:3rem}}@media (max-width: 425px){.about-container{gap:2rem;padding:.5rem}}.about-image{flex:2.2;max-width:850px}@media (max-width: 768px){.about-image{max-width:30%;width:25%;margin:0 auto 1rem}}@media (max-width: 1024px){.about-image{max-width:30%;width:85%;margin:0 auto 1rem}}@media (max-width: 425px){.about-image{width:80%;max-width:100%}}.about-image .image-wrapper{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px #0006,0 0 40px #ff7b0026;transform:perspective(1000px) rotateY(-5deg);transition:all .5s cubic-bezier(.175,.885,.32,1.275)}@media (max-width: 768px){.about-image .image-wrapper{transform:perspective(800px) rotateY(-3deg);box-shadow:0 15px 30px #0000004d,0 0 20px #ff7b001a;border-radius:20px}}@media (max-width: 1024px){.about-image .image-wrapper{transform:perspective(800px) rotateY(-3deg);box-shadow:0 15px 30px #0000004d,0 0 20px #ff7b001a;border-radius:20px}}@media (max-width: 425px){.about-image .image-wrapper{transform:perspective(600px) rotateY(-2deg);box-shadow:0 10px 20px #00000040;border-radius:16px;will-change:transform}.about-image .image-wrapper:hover{transform:perspective(600px) rotateY(0) translateY(-8px);transition:all .3s ease}.about-image .image-wrapper:hover img{transform:scale(1.05);transition:transform .3s ease}}.about-image .image-wrapper:hover{transform:perspective(1000px) rotateY(0) translateY(-15px);box-shadow:0 35px 70px #00000080,0 0 50px #ff7b0040}.about-image .image-wrapper:hover img{transform:scale(1.08)}.about-image .image-wrapper:hover .image-overlay{background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.2) 50%,transparent 80%);border-color:#ffb70099}.about-image .image-wrapper:hover .image-frame{opacity:1;transform:scale(.96)}.about-image .image-wrapper img{width:100%;height:auto;display:block;transition:transform .7s ease}.about-image .image-wrapper .image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,.2) 50%,transparent 80%);border:3px solid rgba(255,123,0,.4);border-radius:24px;transition:all .5s ease}@media (max-width: 425px){.about-image .image-wrapper .image-overlay{border-width:2px;border-radius:16px}}.about-image .image-wrapper .image-frame{position:absolute;top:12px;left:12px;right:12px;bottom:12px;border:1px solid rgba(255,183,0,.4);border-radius:18px;opacity:.6;transform:scale(1);transition:all .5s ease;pointer-events:none}@media (max-width: 425px){.about-image .image-wrapper .image-frame{top:8px;left:8px;right:8px;bottom:8px;border-radius:12px;opacity:.4}}.about-content{flex:.8;padding-left:1.5rem}@media (max-width: 768px){.about-content{padding-left:0;padding-top:1rem;width:95%;display:flex;flex-direction:column;align-items:center}}@media (max-width: 1024px){.about-content{padding-left:0;padding-top:1rem;width:95%;display:flex;flex-direction:column;align-items:center}}@media (max-width: 1366px){.about-content{padding-left:1.2rem;flex:1}}@media (max-width: 425px){.about-content{padding-left:0;padding-top:1rem;width:95%;display:flex;flex-direction:column;align-items:center}}.about-content .section-title{font-size:2.5rem;font-weight:600;margin-bottom:1.5rem;background:linear-gradient(90deg,#ff7b00,#ffb700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block}@media (max-width: 768px){.about-content .section-title{font-size:2rem;text-align:center}}@media (max-width: 1024px){.about-content .section-title{font-size:2rem;text-align:center}}@media (max-width: 425px){.about-content .section-title{font-size:1.8rem;margin-bottom:1.2rem}}.about-content .section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#ff7b00,#ffb700);border-radius:2px;animation:pulse 2s infinite alternate}@media (max-width: 768px){.about-content .section-title:after{left:50%;transform:translate(-50%)}}.about-content h3{font-size:1.5rem;margin:2rem 0 1rem;color:#fff;position:relative;display:inline-block}@media (max-width: 768px){.about-content h3{font-size:1.3rem;margin:1.5rem 0 .8rem;align-self:center}}@media (max-width: 1024px){.about-content h3{font-size:1.3rem;margin:1.5rem 0 .8rem;align-self:center}}@media (max-width: 425px){.about-content h3{font-size:1.2rem;margin:1.2rem 0 .7rem}}.about-content h3:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:2px;background:linear-gradient(90deg,rgba(255,123,0,.6),transparent);border-radius:2px}@media (max-width: 768px){.about-content h3:after{left:50%;transform:translate(-50%);width:30px}}@media (max-width: 1024px){.about-content h3:after{left:50%;transform:translate(-50%);width:30px}}.about-content .github-calendar-wrapper{background:rgba(255,255,255,.05);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow-x:auto;transition:all .3s ease;box-shadow:0 5px 15px #0000001a;width:100%}@media (max-width: 768px){.about-content .github-calendar-wrapper{padding:1.2rem;border-radius:10px;margin-top:1rem}}@media (max-width: 1024px){.about-content .github-calendar-wrapper{padding:1.2rem;border-radius:10px;margin-top:1rem}}@media (max-width: 425px){.about-content .github-calendar-wrapper{padding:.75rem;border-radius:8px;margin-top:.5rem}}.about-content .github-calendar-wrapper :global(.react-activity-calendar){width:100%;min-width:100%;overflow-x:auto}@media (max-width: 425px){.about-content .github-calendar-wrapper :global(.react-activity-calendar){font-size:10px}}.about-content .quote-container{background:rgba(15,15,30,.6);border-left:4px solid rgba(255,123,0,.7);border-radius:8px;padding:1.5rem;margin:2rem 0;box-shadow:0 10px 30px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}@media (max-width: 768px){.about-content .quote-container{padding:1.2rem;margin:1.5rem 0;border-radius:6px;width:100%}}@media (max-width: 1024px){.about-content .quote-container{padding:1.2rem;margin:1.5rem 0;border-radius:6px;width:100%}}@media (max-width: 425px){.about-content .quote-container{padding:1rem .8rem;margin:1.2rem 0;font-size:.9rem;border-width:3px}}.about-content .quote-container .personal-quote p{font-style:italic;font-size:1.1rem;line-height:1.6;margin-bottom:.5rem;text-align:center}@media (max-width: 768px){.about-content .quote-container .personal-quote p{font-size:1rem}}@media (max-width: 1024px){.about-content .quote-container .personal-quote p{font-size:1rem}}@media (max-width: 425px){.about-content .quote-container .personal-quote p{font-size:.9rem;line-height:1.5}}.about-content .quote-container .personal-quote cite{display:block;text-align:right;font-size:.9rem;font-weight:500;color:#ffb700e6}@media (max-width: 425px){.about-content .quote-container .personal-quote cite{font-size:.8rem}}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.floating-particles .particle{position:absolute;width:6px;height:6px;background:linear-gradient(90deg,#ff7b00,#ffb700);border-radius:50%;box-shadow:0 0 8px #ff7b0080;pointer-events:none;z-index:1;will-change:transform,opacity}.about-image,.about-content,.image-wrapper{will-change:transform;transform:translateZ(0)}@media (max-width: 768px){.floating-particles .particle{width:4px;height:4px;box-shadow:0 0 5px #ff7b0066}.image-wrapper{transform:none!important;transition:all .3s ease}.image-wrapper:hover{transform:none!important}}.about-content .section-title{position:relative;display:inline-block}.about-content .section-title:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#ff7b00,#ffb700);border-radius:2px}.about-content .personal-quote,.about-content .personal-quote p,.about-content .personal-quote cite{transition:all .3s ease}.about-content .github-calendar-wrapper{border-radius:12px;padding:1rem;background:rgba(255,255,255,.03);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.about-content .github-calendar-wrapper:hover{box-shadow:0 12px 40px #0003;transform:translateY(-5px);border-color:#ff7b0033}@media (max-width: 425px){@keyframes float{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.02)}to{transform:translateY(3px) scale(.98)}}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overflow:hidden;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 22%,rgba(255,162,77,.16),transparent 24%),radial-gradient(circle at 80% 20%,rgba(84,171,255,.16),transparent 24%),linear-gradient(180deg,#070b16 0%,#0c1120 52%,#05070f 100%)}.loader .ambient{position:absolute;width:32rem;height:32rem;border-radius:50%;filter:blur(90px);opacity:.28;pointer-events:none;animation:drift 10s ease-in-out infinite alternate}.loader .ambient-left{top:-10%;left:-8%;background:rgba(255,157,85,.26)}.loader .ambient-right{right:-10%;bottom:-8%;background:rgba(102,170,255,.22);animation-duration:12s}.loader .grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at center,black 42%,transparent 86%);mask-image:radial-gradient(circle at center,black 42%,transparent 86%);opacity:.35;pointer-events:none}.loader .loader-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.loader .loader-particles .particle{position:absolute;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#ffd77a,#ff8f5a);box-shadow:0 0 12px #ff9f5c73;animation:particleFloat linear infinite}.loader .loader-particles .particle:nth-child(1){top:12%;left:18%;animation-duration:11s}.loader .loader-particles .particle:nth-child(2){top:24%;left:76%;animation-duration:14s}.loader .loader-particles .particle:nth-child(3){top:68%;left:12%;animation-duration:10s}.loader .loader-particles .particle:nth-child(4){top:78%;left:84%;animation-duration:13s}.loader .loader-particles .particle:nth-child(5){top:18%;left:52%;animation-duration:12s}.loader .loader-particles .particle:nth-child(6){top:58%;left:70%;animation-duration:15s}.loader .loader-particles .particle:nth-child(7){top:42%;left:24%;animation-duration:9s}.loader .loader-particles .particle:nth-child(8){top:84%;left:42%;animation-duration:16s}.loader .loader-particles .particle:nth-child(9){top:30%;left:8%;animation-duration:10.5s}.loader .loader-particles .particle:nth-child(10){top:8%;left:90%;animation-duration:13.5s}.loader .loader-particles .particle:nth-child(11){top:50%;left:92%;animation-duration:11.8s}.loader .loader-particles .particle:nth-child(12){top:88%;left:62%;animation-duration:14.5s}.loader .loader-panel{position:relative;width:min(620px,100%);padding:34px 32px 28px;border-radius:32px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(7,10,18,.72);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 30px 80px #0000005c}@media (max-width: 425px){.loader .loader-panel{padding:26px 20px 22px;border-radius:24px}}.loader .loader-stage{position:relative;width:180px;height:180px;margin:0 auto 28px;display:grid;place-items:center}@media (max-width: 425px){.loader .loader-stage{width:150px;height:150px;margin-bottom:22px}}.loader .core-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.loader .ring-outer{border:1px solid rgba(255,173,97,.22);box-shadow:0 0 24px #ffad611f}.loader .ring-middle{top:14px;right:14px;bottom:14px;left:14px;border:1px dashed rgba(115,179,255,.26)}.loader .ring-inner{top:34px;right:34px;bottom:34px;left:34px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.28),transparent 32%),linear-gradient(135deg,rgba(255,168,84,.3),rgba(95,139,255,.18));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loader .beam{position:absolute;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);opacity:.75}.loader .beam-horizontal{width:180px;height:1px}.loader .beam-vertical{width:1px;height:180px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.18),transparent)}.loader .photo-shell{position:relative;z-index:2;width:136px;height:136px;display:grid;place-items:center}@media (max-width: 425px){.loader .photo-shell{width:112px;height:112px}}.loader .identity-chip{position:absolute;top:-18px;left:50%;z-index:3;transform:translate(-50%);padding:7px 11px;border-radius:999px;color:#dff7ff;font-size:10px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;background:rgba(7,10,18,.76);border:1px solid rgba(123,184,255,.2);box-shadow:0 10px 18px #00000029}@media (max-width: 425px){.loader .identity-chip{top:-14px;font-size:9px;letter-spacing:.14em}}.loader .loader-mark{position:relative;z-index:2;width:112px;height:112px;padding:7px;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.04)),rgba(10,14,28,.68);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 30px #00000038,0 0 24px #ffa65c2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loader .loader-mark img{width:100%;height:100%;display:block;object-fit:cover;border-radius:28px}.loader .loader-mark .scan-line{position:absolute;left:10px;right:10px;top:0;height:22px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(130,220,255,.38),rgba(255,255,255,0));mix-blend-mode:screen;pointer-events:none}@media (max-width: 425px){.loader .loader-mark{width:92px;height:92px;border-radius:28px}.loader .loader-mark img{border-radius:22px}}.loader .corner{position:absolute;width:20px;height:20px;border-color:#ffd69adb;border-style:solid;border-width:0;pointer-events:none;filter:drop-shadow(0 0 8px rgba(255,173,97,.22))}@media (max-width: 425px){.loader .corner{width:16px;height:16px}}.loader .corner-tl{top:8px;left:8px;border-top-width:2px;border-left-width:2px;border-top-left-radius:8px}.loader .corner-tr{top:8px;right:8px;border-top-width:2px;border-right-width:2px;border-top-right-radius:8px}.loader .corner-bl{bottom:8px;left:8px;border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:8px}.loader .corner-br{right:8px;bottom:8px;border-right-width:2px;border-bottom-width:2px;border-bottom-right-radius:8px}.loader .orbit{position:absolute;top:0;right:0;bottom:0;left:0}.loader .orbit span{position:absolute;top:-4px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:linear-gradient(135deg,#fff1c7,#ff9c60);box-shadow:0 0 18px #ff9c6080}.loader .orbit-two{top:16px;right:16px;bottom:16px;left:16px}.loader .orbit-two span{width:8px;height:8px;margin-left:-4px;background:linear-gradient(135deg,#d9ebff,#7bb8ff);box-shadow:0 0 16px #7bb8ff7a}.loader .loader-copy{text-align:center;margin-bottom:26px}.loader .loader-copy .eyebrow{display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;color:#ffd9bb;font-size:11px;letter-spacing:.22em;text-transform:uppercase;background:rgba(255,157,85,.1);border:1px solid rgba(255,157,85,.14)}.loader .loader-copy h1{margin:0 0 12px;color:#f8faff;font-size:clamp(2rem,5vw,3.3rem);line-height:.96;font-weight:500}.loader .loader-copy .status-line{margin:0;color:#e4eaf6b8;font-size:.98rem;letter-spacing:.04em}.loader .progress-block{display:flex;flex-direction:column;gap:12px}.loader .progress-track{width:100%;height:8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.06)}.loader .progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9d55,#ffd46f,#6cbaff);box-shadow:0 0 18px #ff9d5547}.loader .progress-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e0e7f5b8;font-size:.9rem;letter-spacing:.04em}.loader .progress-meta strong{color:#fff7f0;font-size:1rem;font-weight:700}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(24px,-16px,0) scale(1.08)}}@keyframes particleFloat{0%{transform:translateZ(0) scale(.8);opacity:0}15%{opacity:.8}85%{opacity:.4}to{transform:translate3d(30px,-120px,0) scale(.25);opacity:0}}.chatbot-container{position:fixed;right:22px;bottom:22px;z-index:9999;font-family:DM Sans,sans-serif}@media (max-width: 425px){.chatbot-container{right:12px;bottom:12px}}.chatbot-container .chat-toggle{position:relative;width:60px;min-width:60px;height:60px;padding:0;border:none;border-radius:50%;color:#eef8ff;cursor:pointer;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.03)),linear-gradient(135deg,#0f766e,#14b8a6 58%,#67e8f9);box-shadow:0 18px 38px #14b8a647;border:1px solid rgba(167,243,208,.2)}@media (max-width: 425px){.chatbot-container .chat-toggle{width:54px;min-width:54px;height:54px}}.chatbot-container .chat-toggle .toggle-ripple{position:absolute;inset:auto auto -18px -18px;width:72px;height:72px;border-radius:50%;background:rgba(207,250,254,.22);filter:blur(12px);pointer-events:none}.chatbot-container .chat-toggle .toggle-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.chatbot-container .chat-toggle .notification-dot{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:50%;background:#99f6e4;box-shadow:0 0 0 7px #99f6e429}.chatbot-container .chat-window{position:absolute;right:0;bottom:92px;width:420px;height:min(78vh,720px);display:flex;flex-direction:column;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(10,14,28,.92);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 28px 70px #0006}@media (max-width: 1024px){.chatbot-container .chat-window{width:380px;height:min(74vh,640px)}}@media (max-width: 768px){.chatbot-container .chat-window{width:340px;height:min(72vh,600px)}}@media (max-width: 425px){.chatbot-container .chat-window{width:min(92vw,360px);height:min(76vh,580px);bottom:72px;border-radius:24px}}.chatbot-container .chat-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px 14px;background:radial-gradient(circle at top right,rgba(255,204,112,.22),transparent 35%),linear-gradient(135deg,rgba(255,156,85,.22),rgba(98,108,255,.08));border-bottom:1px solid rgba(255,255,255,.06)}.chatbot-container .chat-header .header-content{display:flex;align-items:center;gap:12px}.chatbot-container .chat-header .avatar{width:46px;height:46px;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 24px #0003}.chatbot-container .chat-header .avatar img{width:100%;height:100%;object-fit:cover}.chatbot-container .chat-header .header-text{display:flex;flex-direction:column;gap:5px}.chatbot-container .chat-header .header-text .title-row{display:flex;align-items:center;gap:8px}.chatbot-container .chat-header .header-text h3{margin:0;color:#fff7f0;font-size:17px;font-weight:700}.chatbot-container .chat-header .header-text .assistant-badge{padding:4px 8px;border-radius:999px;color:#fef1e4;font-size:10px;letter-spacing:.16em;text-transform:uppercase;background:rgba(255,255,255,.1)}.chatbot-container .chat-header .header-text .status{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#f5eee6c2}.chatbot-container .chat-header .header-text .status:before{content:"";width:8px;height:8px;border-radius:50%;background:#21d07a;box-shadow:0 0 0 6px #21d07a1f}.chatbot-container .chat-header .minimize-btn{width:34px;height:34px;display:grid;place-items:center;border:none;border-radius:12px;color:#fff7f0;background:rgba(255,255,255,.08);cursor:pointer;transition:background-color .25s ease}.chatbot-container .chat-header .minimize-btn:hover{background:rgba(255,255,255,.16)}.chatbot-container .chat-subheader{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px 0}.chatbot-container .capability-chip{padding:8px 10px;border-radius:999px;color:#f5eee6b8;font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.chatbot-container .messages-container{flex:1;display:flex;flex-direction:column;gap:16px;padding:18px;overflow-y:auto;background:radial-gradient(circle at 20% 20%,rgba(255,163,92,.08),transparent 24%),radial-gradient(circle at 80% 75%,rgba(98,108,255,.08),transparent 26%),linear-gradient(180deg,rgba(8,11,22,.18),rgba(8,11,22,.02))}.chatbot-container .messages-container::-webkit-scrollbar{width:6px}.chatbot-container .messages-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px}.chatbot-container .welcome-message{margin:auto 0;display:flex;flex-direction:column;align-items:center;text-align:center;color:#f3f5fb}.chatbot-container .welcome-message .welcome-avatar{width:82px;height:82px;margin-bottom:16px;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 32px #0000003d}.chatbot-container .welcome-message .welcome-avatar img{width:100%;height:100%;object-fit:cover}.chatbot-container .welcome-message .welcome-pill{margin-bottom:12px;padding:8px 12px;border-radius:999px;color:#ffd8bb;font-size:11px;letter-spacing:.18em;text-transform:uppercase;background:rgba(255,157,85,.12);border:1px solid rgba(255,157,85,.18)}.chatbot-container .welcome-message h3{margin:0 0 10px;font-size:1.7rem;line-height:1.1;color:#fff8f1}.chatbot-container .welcome-message p{max-width:290px;margin:0 0 18px;color:#e6ebf4b8;line-height:1.65;font-size:.96rem}.chatbot-container .welcome-cards{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}@media (max-width: 425px){.chatbot-container .welcome-cards{grid-template-columns:1fr}}.chatbot-container .info-card{display:flex;flex-direction:column;gap:6px;padding:14px;text-align:left;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.chatbot-container .info-card strong{color:#fff5ea;font-size:.95rem}.chatbot-container .info-card span{color:#e2e7f5ad;font-size:.84rem;line-height:1.55}.chatbot-container .quick-responses{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.chatbot-container .quick-response-btn{padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#fff7f0;background:rgba(255,255,255,.05);cursor:pointer;transition:background-color .25s ease,border-color .25s ease}.chatbot-container .quick-response-btn:hover{background:rgba(255,157,85,.12);border-color:#ff9d5533}.chatbot-container .message,.chatbot-container .typing-indicator{display:flex;gap:10px;max-width:100%}.chatbot-container .message.user{justify-content:flex-end}.chatbot-container .message.user .message-shell{margin-left:auto;background:linear-gradient(135deg,#ff9f5c,#ff7a59);color:#180b02;box-shadow:0 12px 28px #ff7a592e}.chatbot-container .message.user .message-label,.chatbot-container .message.user .message-time{color:#180b02b8}.chatbot-container .message.bot,.chatbot-container .typing-indicator{align-items:flex-end}.chatbot-container .message.bot .bot-avatar,.chatbot-container .typing-indicator .bot-avatar{width:30px;height:30px;flex-shrink:0;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.chatbot-container .message.bot .bot-avatar img,.chatbot-container .typing-indicator .bot-avatar img{width:100%;height:100%;object-fit:cover}.chatbot-container .message-shell,.chatbot-container .typing-shell{max-width:calc(100% - 40px);padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.05);color:#eef2fc;overflow:hidden}.chatbot-container .message-label,.chatbot-container .typing-label{display:block;margin-bottom:8px;color:#e2e7f580;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.chatbot-container .message-content{font-size:.95rem;line-height:1.65;color:inherit;min-width:0}.chatbot-container .message-content p,.chatbot-container .message-content ul,.chatbot-container .message-content ol{margin:0 0 .75rem}.chatbot-container .message-content p:last-child,.chatbot-container .message-content ul:last-child,.chatbot-container .message-content ol:last-child{margin-bottom:0}.chatbot-container .message-content img{display:block;max-width:100%;width:100%;height:auto;margin:.5rem 0;border-radius:14px;object-fit:cover}.chatbot-container .message-content a{overflow-wrap:anywhere}.chatbot-container .message-time{margin-top:10px;font-size:11px;color:#e2e7f580}.chatbot-container .typing-dots{display:flex;gap:6px}.chatbot-container .typing-dots span{width:8px;height:8px;border-radius:50%;background:#dbe3f6;animation:chatbot-bounce 1s infinite ease-in-out}.chatbot-container .typing-dots span:nth-child(2){animation-delay:.15s}.chatbot-container .typing-dots span:nth-child(3){animation-delay:.3s}.chatbot-container .chat-input{display:flex;align-items:center;gap:10px;padding:14px 18px 18px;border-top:1px solid rgba(255,255,255,.06);background:rgba(8,11,22,.8)}.chatbot-container .input-shell{flex:1;display:flex;align-items:center;gap:10px;padding:0 14px 0 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.chatbot-container .input-shell.focused{border-color:#ff9d5557;box-shadow:0 0 0 4px #ff9d5514;background:rgba(255,255,255,.06)}.chatbot-container .input-shell input{flex:1;min-width:0;padding:14px 0;border:none;outline:none;background:transparent;color:#fff7f0;font-size:.95rem}.chatbot-container .input-shell input::placeholder{color:#e2e7f570}.chatbot-container .input-shell .input-hint{flex-shrink:0;padding:5px 8px;border-radius:10px;color:#e2e7f58c;font-size:11px;background:rgba(255,255,255,.06)}.chatbot-container .chat-input button{width:48px;height:48px;border:none;border-radius:16px;display:grid;place-items:center;color:#fff8f1;cursor:pointer;background:linear-gradient(135deg,#ff9a55,#ff7a59);box-shadow:0 14px 28px #ff7a5942}.chatbot-container .chat-input button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none;background:rgba(255,255,255,.08)}@keyframes chatbot-bounce{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(-4px);opacity:1}}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;color:#000;z-index:10000;position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.sidebar .bg{z-index:10000;position:fixed;top:0;left:0;bottom:0;width:400px;background:white;pointer-events:auto}@media (max-width: 425px){.sidebar .bg{width:200px}}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.sidebar .bg .links a{font-size:40px}@media (max-width: 425px){.sidebar .bg .links a{font-size:20px}}.sidebar button{z-index:99999;position:fixed;width:50px;height:50px;border-radius:50%;top:25px;left:25px;background:linear-gradient(90deg,#ff7b00,#ffb700);border:none;cursor:pointer;box-shadow:0 4px 15px #ff7b0066;display:flex;align-items:center;justify-content:center;transition:all .3s ease;pointer-events:auto!important}.sidebar button:hover{transform:translateY(-3px);box-shadow:0 7px 20px #ff7b0080}.sidebar button:active{transform:translateY(0);box-shadow:0 4px 10px #ff7b004d}.portfolio{background:linear-gradient(180deg,#111132,#0c0c1d);height:auto;min-height:100dvh;max-height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:130px 0;position:relative}.portfolio:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(255,123,0,.1) 0%,transparent 15%),radial-gradient(circle at 80% 40%,rgba(255,123,0,.1) 0%,transparent 15%),radial-gradient(circle at 40% 80%,rgba(255,123,0,.1) 0%,transparent 15%),radial-gradient(circle at 70% 90%,rgba(255,123,0,.1) 0%,transparent 15%),radial-gradient(circle at 10% 60%,rgba(255,123,0,.1) 0%,transparent 15%),radial-gradient(circle at 90% 10%,rgba(255,123,0,.1) 0%,transparent 15%);pointer-events:none;z-index:1}.portfolio:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50,10 L90,50 L50,90 L10,50 Z' fill='rgba(255,123,0,0.05)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='20' fill='rgba(255,183,0,0.04)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='10' width='60' height='60' transform='rotate(45 40 40)' fill='rgba(255,123,0,0.03)'/%3E%3C/svg%3E");background-position:10% 20%,85% 70%,50% 50%;background-repeat:no-repeat;background-size:300px,200px,250px;pointer-events:none;z-index:0}@media (max-width: 425px){.portfolio{min-height:auto;max-height:none;padding:40px 0 60px;overflow:visible;position:relative}.portfolio:before,.portfolio:after{display:none}}.portfolio .titleContainer{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:60px;padding:0 20px}@media (max-width: 425px){.portfolio .titleContainer{margin-bottom:40px}}.portfolio .titleContainer h1{font-size:72px;font-weight:300;margin-bottom:20px}@media (max-width: 1024px){.portfolio .titleContainer h1{font-size:56px}}@media (max-width: 425px){.portfolio .titleContainer h1{font-size:36px}}.portfolio .titleContainer h1 .highlight{font-weight:600;background:linear-gradient(90deg,#ff7b00,#ffb700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;position:relative}.portfolio .titleContainer p{font-size:20px;color:#b8b8d4;max-width:700px;line-height:1.6}@media (max-width: 1024px){.portfolio .titleContainer p{font-size:18px}}@media (max-width: 425px){.portfolio .titleContainer p{font-size:16px}}.portfolio .titleContainer .filterContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}@media (max-width: 425px){.portfolio .titleContainer .filterContainer{margin-top:20px;gap:8px}}.portfolio .titleContainer .filterContainer .filterButton{padding:8px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#b8b8d4;font-size:14px;cursor:pointer;transition:all .3s ease}@media (max-width: 425px){.portfolio .titleContainer .filterContainer .filterButton{backdrop-filter:none;-webkit-backdrop-filter:none}}.portfolio .titleContainer .filterContainer .filterButton:hover{background:rgba(255,123,0,.1);border-color:#ff7b004d;color:#ff9d4d}.portfolio .titleContainer .filterContainer .filterButton.active{background:linear-gradient(90deg,rgba(255,123,0,.2),rgba(255,183,0,.2));border:1px solid rgba(255,123,0,.5);color:#ff9d4d;font-weight:500}.portfolio .projectsContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;max-width:1366px;margin:0 auto;padding:0 20px}@media (max-width: 425px){.portfolio .projectsContainer{gap:20px}}.portfolio .projectsContainer .projectCard{flex:0 0 calc(33.333% - 30px);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),rgba(14,16,34,.88);border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;box-shadow:0 22px 45px #0000002e;opacity:1;transform:translateY(0)}.portfolio .projectsContainer .projectCard.visible,.portfolio .projectsContainer .projectCard.fade-in{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}@media (max-width: 1024px){.portfolio .projectsContainer .projectCard{flex:0 0 calc(50% - 20px)}}@media (max-width: 425px){.portfolio .projectsContainer .projectCard{flex:0 0 100%;backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .2s ease}}.portfolio .projectsContainer .projectCard .imageContainer{position:relative;height:240px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}.portfolio .projectsContainer .projectCard .imageContainer img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}@media (max-width: 425px){.portfolio .projectsContainer .projectCard .imageContainer img{transition:transform .2s ease}}.portfolio .projectsContainer .projectCard .imageContainer .previewTop{position:absolute;top:16px;left:16px;right:16px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}.portfolio .projectsContainer .projectCard .imageContainer .previewTop .previewIndex,.portfolio .projectsContainer .projectCard .imageContainer .previewTop .previewStatus{padding:8px 12px;border-radius:999px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.portfolio .projectsContainer .projectCard .imageContainer .previewTop .previewIndex{color:#fff6eb;background:rgba(7,10,20,.45);border:1px solid rgba(255,255,255,.14)}.portfolio .projectsContainer .projectCard .imageContainer .previewTop .previewStatus{color:#ffe5cf;background:rgba(255,123,0,.18);border:1px solid rgba(255,157,77,.28)}.portfolio .projectsContainer .projectCard .imageContainer .imageGlass{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:18px;color:#f8f3ed;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:rgba(7,10,20,.42);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.portfolio .projectsContainer .projectCard .imageContainer .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(10,13,25,.18),rgba(10,13,25,.84)),radial-gradient(circle at top right,rgba(255,159,82,.18),transparent 40%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}@media (max-width: 425px){.portfolio .projectsContainer .projectCard .imageContainer .overlay{transition:opacity .2s ease}}.portfolio .projectsContainer .projectCard .imageContainer .overlay .viewButton{padding:12px 22px;background:linear-gradient(135deg,#ff9a55,#ffc861);color:#170d03;border:none;border-radius:999px;font-size:15px;cursor:pointer;text-decoration:none;font-weight:700;box-shadow:0 10px 24px #ff7b0047}.portfolio .projectsContainer .projectCard .imageContainer .overlay .viewButton.disabled{pointer-events:none;color:#ffffffd9;background:rgba(255,255,255,.14);box-shadow:none}.portfolio .projectsContainer .projectCard .imageContainer:hover img{transform:scale(1.1)}.portfolio .projectsContainer .projectCard .imageContainer:hover .overlay{opacity:1}.portfolio .projectsContainer .projectCard .contentContainer{padding:22px}.portfolio .projectsContainer .projectCard .contentContainer .cardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.portfolio .projectsContainer .projectCard .contentContainer .metaLabel{display:inline-block;margin-bottom:8px;color:#ffb170;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.portfolio .projectsContainer .projectCard .contentContainer .yearBadge{flex-shrink:0;padding:8px 10px;border-radius:999px;color:#f0e6dce6;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:12px}.portfolio .projectsContainer .projectCard .contentContainer h2{font-size:26px;margin-bottom:0;color:#fff;font-weight:600;line-height:1.1}@media (max-width: 425px){.portfolio .projectsContainer .projectCard .contentContainer h2{font-size:20px}}.portfolio .projectsContainer .projectCard .contentContainer p{font-size:16px;color:#b8b8d4;margin-bottom:15px;line-height:1.5}@media (max-width: 425px){.portfolio .projectsContainer .projectCard .contentContainer p{font-size:14px}}.portfolio .projectsContainer .projectCard .contentContainer .projectSummary{margin-bottom:16px;padding:14px 16px;border-radius:18px;color:#f5e9dfd1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:14px;line-height:1.55}.portfolio .projectsContainer .projectCard .contentContainer .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.portfolio .projectsContainer .projectCard .contentContainer .tags .tag{padding:5px 12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#b8b8d4;font-size:12px;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (max-width: 425px){.portfolio .projectsContainer .projectCard .contentContainer .tags .tag{font-size:11px;padding:4px 10px;-webkit-backdrop-filter:none;backdrop-filter:none}}.portfolio .projectsContainer .projectCard .contentContainer .tags .tag:hover{background:rgba(255,123,0,.1);border-color:#ff7b004d;color:#ff9d4d}.portfolio .projectsContainer .projectCard .contentContainer .projectFooter{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:14px}.portfolio .projectsContainer .projectCard .contentContainer .projectFooter .footerNote{color:#b8b8d4b8;font-size:13px;letter-spacing:.04em}.portfolio .projectsContainer .projectCard .contentContainer .projectFooter .footerLink{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:10px 14px;border-radius:14px;color:#fff4e9;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:600;transition:all .25s ease}.portfolio .projectsContainer .projectCard .contentContainer .projectFooter .footerLink:hover{background:rgba(255,154,85,.14);border-color:#ff9a553d;color:#ffbe85}.portfolio .projectsContainer .projectCard .contentContainer .projectFooter .footerLink.disabled{pointer-events:none;color:#b8b8d4b8}.portfolio .projectsContainer .projectCard:hover{box-shadow:0 24px 50px #00000057;border-color:#ff9a5547;transform:translateY(-8px)}@media (max-width: 425px){.portfolio .projectsContainer .projectCard:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}}.portfolio .projectsContainer .projectCard.skeleton{opacity:1;transform:translateY(0);background:rgba(255,255,255,.03);animation:pulse 1.5s infinite ease-in-out}.portfolio .projectsContainer .projectCard.skeleton .skeleton-image{height:200px;background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.03) 100%);background-size:200% 100%;animation:shimmer 2s infinite}.portfolio .projectsContainer .projectCard.skeleton .skeleton-title{height:24px;width:70%;margin:0 0 15px;background:rgba(255,255,255,.06);border-radius:4px}.portfolio .projectsContainer .projectCard.skeleton .skeleton-text{height:16px;width:90%;margin-bottom:15px;background:rgba(255,255,255,.04);border-radius:4px}.portfolio .projectsContainer .projectCard.skeleton .skeleton-tags{display:flex;gap:8px}.portfolio .projectsContainer .projectCard.skeleton .skeleton-tags span{height:24px;width:60px;background:rgba(255,255,255,.05);border-radius:20px}.animated-title{animation:fadeInUp .8s ease forwards;opacity:0}.animated-text{animation:fadeInUp .8s .2s ease forwards;opacity:0}.filterButton{animation:fadeInUp .5s ease forwards;opacity:0}.filterButton:nth-child(1){animation-delay:.1s}.filterButton:nth-child(2){animation-delay:.2s}.filterButton:nth-child(3){animation-delay:.3s}.filterButton:nth-child(4){animation-delay:.4s}.filterButton:nth-child(5){animation-delay:.5s}.filterButton.active{opacity:1;animation:pulseActive 2s infinite;animation-delay:.5s}.projectCard{opacity:0;transform:translateY(30px);transition:all .5s cubic-bezier(.4,0,.2,1)}.projectCard.visible{opacity:1;transform:translateY(0)}.projectCard.exit-animation{opacity:0;transform:translateY(30px);transition:all .3s ease}.projectCard:hover{box-shadow:0 15px 40px #0006;border-color:#ff7b0066;background:rgba(255,255,255,.07);transition:all .3s ease,transform .2s ease}.projectCard:hover .imageContainer img{transform:scale(1.1)}.projectCard:hover .overlay{opacity:1}.viewButton{position:relative;overflow:hidden;transition:all .3s ease}.viewButton .button-icon{display:inline-block;margin-left:5px;transition:transform .3s ease}.viewButton:hover{transform:translateY(-3px);box-shadow:0 7px 20px #ff7b0066}.viewButton:hover:after{transform:scaleX(1)}.viewButton:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:rgba(255,255,255,.5);transform:scaleX(0);transform-origin:right center;transition:transform .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pulseActive{0%,to{box-shadow:0 0 #ff7b0066}50%{box-shadow:0 0 0 5px #ff7b0000}}@keyframes tagPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.animation-complete .projectCard{transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.loading-indicator{width:100%;display:flex;justify-content:center;align-items:center;padding:3rem 0;color:#ffffffb3;font-size:1.2rem}.projects-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;width:100%}.tag{transition:all .3s ease}.button-icon{display:inline-block;margin-left:5px;transition:transform .3s ease}.viewButton:hover .button-icon{transform:translate(4px)}.projectCard.image-loading .imageContainer img{opacity:0}.projectCard.image-loaded .imageContainer img{opacity:1;transition:opacity .3s ease-in}.project-image{opacity:0;transition:opacity .3s ease-in}.project-image.loaded{opacity:1}.projectCard{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@media (max-width: 738px){.projectCard{transform:none!important;transition:all .3s ease}.projectCard:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px #0000004d}}@media (max-width: 738px){.portfolio .titleContainer .title,.portfolio .titleContainer .description,.portfolio .titleContainer .filterContainer,.portfolio .projectsContainer{will-change:opacity}.portfolio .loading-indicator,.portfolio .error-message,.portfolio .no-projects-message{opacity:1!important;transform:none!important}}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;overflow-x:hidden;width:100%;max-width:100%}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{background-color:#0c0c1d;color:#d3d3d3}a{text-decoration:none;color:inherit}section{height:100dvh;width:100%;max-width:100vw;scroll-snap-align:center;overflow:hidden;position:relative}@media (max-width: 425px){section{height:auto;min-height:100dvh;overflow-x:hidden}}@media (max-width: 1024px){section{height:auto;min-height:100dvh;overflow-x:hidden}}.Academics{position:relative;background:linear-gradient(180deg,#0c0c1d,#111132);height:100%;display:flex;flex-direction:column;justify-content:center;padding:50px 0;overflow:hidden}.Academics:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(255,123,0,.08) 0%,transparent 70%);pointer-events:none;z-index:1}.Academics:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(12,12,29,.8) 0%,rgba(17,17,50,.8) 100%);pointer-events:none;z-index:0}.Academics:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(255,123,0,.05) 0%,transparent 8%),radial-gradient(circle at 80% 40%,rgba(255,123,0,.05) 0%,transparent 8%),radial-gradient(circle at 40% 80%,rgba(255,123,0,.05) 0%,transparent 8%),radial-gradient(circle at 70% 90%,rgba(255,123,0,.05) 0%,transparent 8%),radial-gradient(circle at 10% 60%,rgba(255,123,0,.05) 0%,transparent 8%),radial-gradient(circle at 90% 10%,rgba(255,123,0,.05) 0%,transparent 8%);pointer-events:none;z-index:1}@media (max-width: 425px){.Academics:before{display:none}}.Academics .titleContainer{display:flex;flex-direction:column;align-items:center;margin-bottom:40px;position:relative;z-index:2}.Academics .titleContainer h1{font-size:72px;font-weight:300;background:linear-gradient(90deg,#ff7b00,#ffb700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;letter-spacing:2px;text-shadow:0 0 30px rgba(255,123,0,.3)}.Academics .titleContainer h1:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:130px;height:4px;background:linear-gradient(90deg,#ff7b00,#ffb700);border-radius:2px;box-shadow:0 0 15px #ff7b0099}@media (max-width: 425px){.Academics .titleContainer h1{font-size:36px;margin-top:25px}}@media (max-width: 768px){.Academics .titleContainer h1{margin-top:80px}}@media (max-width: 1024px){.Academics .titleContainer h1{margin-top:80px}}.Academics .AcademicsContainer{display:flex;flex-direction:column;gap:30px;max-width:900px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.Academics .AcademicsContainer:before{content:"";position:absolute;left:20px;top:0;width:4px;height:100%;background:linear-gradient(180deg,#ff7b00,#ffb700);border-radius:2px;box-shadow:0 0 20px #ff7b0080}@media (max-width: 425px){.Academics .AcademicsContainer:before{left:15px}}.Academics .AcademicsContainer .AcademicsItem{background-color:#ffffff08;border-radius:15px;padding:30px 30px 30px 60px;border:1px solid rgba(255,255,255,.1);position:relative;margin-left:40px;will-change:transform,opacity;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 5px 15px #0003;background-image:linear-gradient(135deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.03) 100%)}@media (max-width: 425px){.Academics .AcademicsContainer .AcademicsItem{padding:20px 20px 20px 40px;margin-left:30px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 3px 10px #00000026;background-color:#ffffff08;background-image:none;text-shadow:none}}.Academics .AcademicsContainer .AcademicsItem .AcademicsDot{position:absolute;left:-40px;top:30px;width:24px;height:24px;border-radius:50%;background:linear-gradient(90deg,#ff7b00,#ffb700);box-shadow:0 0 15px #ff7b00b3;z-index:2;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.Academics .AcademicsContainer .AcademicsItem .AcademicsDot:hover{transform:scale(1.2)}.Academics .AcademicsContainer .AcademicsItem .AcademicsDot .innerDot{width:10px;height:10px;border-radius:50%;background:white;box-shadow:0 0 5px #ffffffb3}@media (max-width: 425px){.Academics .AcademicsContainer .AcademicsItem .AcademicsDot{left:-30px;width:20px;height:20px}.Academics .AcademicsContainer .AcademicsItem .AcademicsDot .innerDot{width:8px;height:8px}}.Academics .AcademicsContainer .AcademicsItem .AcademicsContent h2{color:#fff;font-size:26px;margin-bottom:10px;font-weight:500;letter-spacing:.5px;text-shadow:0 0 10px rgba(255,255,255,.2)}@media (max-width: 425px){.Academics .AcademicsContainer .AcademicsItem .AcademicsContent h2{font-size:20px;text-shadow:none}}.Academics .AcademicsContainer .AcademicsItem .AcademicsContent h3{color:#b8b8d4;font-size:20px;margin-bottom:8px;font-weight:400;letter-spacing:.3px}@media (max-width: 425px){.Academics .AcademicsContainer .AcademicsItem .AcademicsContent h3{font-size:18px}}.Academics .AcademicsContainer .AcademicsItem .AcademicsContent .year{display:inline-block;background:linear-gradient(90deg,#ff7b00,#ffb700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;font-size:18px;margin-bottom:15px;letter-spacing:1px;position:relative;padding-right:5px}.Academics .AcademicsContainer .AcademicsItem .AcademicsContent .year:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#ff7b00,#ffb700)}@media (max-width: 425px){.Academics .AcademicsContainer .AcademicsItem .AcademicsContent .year{font-size:16px}}.Academics .AcademicsContainer .AcademicsItem .AcademicsContent p{color:#b8b8d4;font-size:16px;line-height:1.7;letter-spacing:.3px;text-shadow:0 0 5px rgba(0,0,0,.5)}@media (max-width: 425px){.Academics .AcademicsContainer .AcademicsItem .AcademicsContent p{font-size:14px;text-shadow:none}}.Academics .AcademicsContainer .AcademicsItem:hover .AcademicsContent h2{color:#ffb700;text-shadow:0 0 15px rgba(255,123,0,.3)}.Academics .AcademicsContainer .AcademicsItem:hover .AcademicsContent h3{color:#d8d8f4}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}
