@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);header{background:linear-gradient(135deg,var(--color-bg) 0,#0f0f23 100%);height:100vh;overflow:hidden;padding-top:.5rem;position:relative}.header__container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin-top:0;position:relative;text-align:center;z-index:1}.header__container h5{color:var(--color-light);font-size:1.2rem;font-weight:400;margin-bottom:1rem}.header__container h1{animation:fadeInUp 1s ease-out;margin-bottom:1rem;position:relative;z-index:2}.header__container .text-light{color:var(--color-primary);font-size:1.5rem;font-weight:500;margin-bottom:2rem}.cta{animation:fadeInUp 1s ease-out .3s both;display:flex;gap:1.2rem;justify-content:center;margin-top:2.5rem}.header__socials{align-items:center;animation:fadeInLeft 1s ease-out .6s both;bottom:3rem;display:flex;flex-direction:column;gap:.8rem;left:0;position:absolute}.header__socials:after{background:linear-gradient(to bottom,var(--color-primary),#0000);content:"";height:2rem;width:1px}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.me{align-items:flex-end;animation:fadeInUp 1s ease-out .9s both;background:var(--gradient-main);border-radius:12rem 12rem 0 0;box-shadow:0 8px 32px 0 #ff910040,var(--shadow);display:flex;height:32rem;justify-content:center;margin-top:2.5rem;overflow:hidden;padding:2rem 0 0;position:relative;transition:var(--transition);width:22rem;z-index:1}.me:hover{box-shadow:var(--shadow-hover);transform:translateY(-10px)}.me img{background:#0000;border-radius:12rem 12rem 0 0;display:block;height:95%;object-fit:cover;object-position:center 0;transition:var(--transition);width:100%}.me:hover img{transform:scale(1.05)}.scroll__down{animation:fadeInRight 1s ease-out 1.2s both;bottom:5rem;color:var(--color-primary);font-size:.9rem;font-weight:400;position:absolute;right:-2.3rem;transform:rotate(90deg);transition:var(--transition)}.scroll__down:hover{color:var(--color-white);transform:rotate(90deg) translateX(5px)}@keyframes fadeInRight{0%{opacity:0;transform:rotate(90deg) translateX(30px)}to{opacity:1;transform:rotate(90deg) translateX(0)}}@media screen and (max-width:1024px){header{height:68vh}.me{height:22rem;padding-top:1.5rem;width:16rem}.me,.me img{border-radius:8rem 8rem 0 0}.me img{height:95%;object-position:center 0}}@media screen and (max-width:600px){header{height:100vh}.header__socials,.scroll__down{display:none}.me{height:16rem;padding-top:1rem;width:12rem}.me,.me img{border-radius:5rem 5rem 0 0}.me img{height:95%;object-position:center 0}.header__container h1{font-size:2.5rem}.header__container .text-light{font-size:1.2rem}}nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;border:1px solid #ffffff1a;border-radius:3rem;bottom:2rem;box-shadow:var(--shadow);display:block;display:flex;gap:.8rem;left:50%;padding:.8rem 1.8rem;position:fixed;transform:translateX(-50%);transition:var(--transition);width:max-content;z-index:2}nav:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover)}nav a{background:#0000;border-radius:50%;color:var(--color-light);display:flex;font-size:1.2rem;overflow:hidden;padding:1rem;position:relative;transition:var(--transition)}nav a:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}nav a:hover:before{left:100%}nav a:hover{background:#ff91001a;color:var(--color-primary);transform:translateY(-2px)}nav a.active{background:var(--gradient-main);box-shadow:0 0 20px #00d4ff4d;color:var(--color-dark)}nav a.active:hover{transform:translateY(-2px) scale(1.05)}@media screen and (max-width:600px){nav{border-radius:2rem;padding:.6rem 1.2rem}nav a{font-size:1rem;padding:.7rem}}.about__container{grid-gap:15%;display:grid;gap:15%;grid-template-columns:35% 50%}.about__me{aspect-ratio:1/1;background:var(--gradient-main);border-radius:2rem;box-shadow:var(--shadow);color:#fff;display:grid;place-items:center;transition:var(--transition);width:100%}.about__me:hover{box-shadow:var(--shadow-hover);transform:translateY(-10px)}.about__me-image{border-radius:2rem;height:90%;overflow:hidden;transform:rotate(10deg);transition:var(--transition);width:90%}.about__me-image:hover{transform:rotate(0deg)}.about__me-image img{border-radius:2rem;transition:var(--transition)}.about__me:hover .about__me-image img{transform:scale(1.05)}.about__cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.about__card{background:var(--color-bg-variant);border:1px solid #ffffff1a;border-radius:1.5rem;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:var(--transition)}.about__card:before{background:var(--gradient-main);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:var(--transition);width:100%}.about__card:hover:before{opacity:.1}.about__card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-5px)}.about__icon{color:var(--color-primary);font-size:1.8rem;margin-bottom:1rem;position:relative;z-index:1}.about__card h5{color:var(--color-white);font-size:1rem;font-weight:600;margin-bottom:.5rem;position:relative;z-index:1}.about__card small{color:var(--color-light);font-size:.8rem;position:relative;z-index:1}.about__content p{color:var(--color-light);font-size:1rem;line-height:1.8;margin:1.5rem 0}.about__content p:last-of-type{margin-bottom:2.5rem}@media screen and (max-width:1024px){.about__container{gap:0;grid-template-columns:1fr}.about__me{margin:2rem auto 4rem;width:50%}.about__content p{margin:1rem 0 1.5rem}}@media screen and (max-width:600px){.about__me{margin:0 auto 3rem;width:65%}.about__cards{gap:1rem;grid-template-columns:1fr 1fr}.about__content{text-align:center}.about__content p{font-size:.9rem;margin:1.5rem 0}.about__card{padding:1.5rem}.about__card h5{font-size:.9rem}.about__card small{font-size:.7rem}}.about__card h5,.about__card small,.about__icon{color:#fff}.experience{padding-top:8rem}.experience__container{max-width:1200px}.experience__content{display:flex;flex-direction:column;gap:3rem}.experience__item{background:var(--color-bg-variant);border:1px solid #ffffff1a;border-radius:1.5rem;display:flex;gap:2rem;overflow:hidden;padding:2rem;position:relative;transition:var(--transition)}.experience__item:before{background:var(--gradient-main);border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.experience__item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-5px)}.experience__logo{align-items:center;background:var(--color-bg);border:2px solid var(--color-primary);border-radius:1rem;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;transition:var(--transition);width:80px}.experience__logo img{height:100%;object-fit:contain;padding:.5rem;width:100%}.experience__logo-placeholder{align-items:center;background:var(--gradient-main);color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:100%;justify-content:center;width:100%}.experience__item:hover .experience__logo{box-shadow:0 0 20px #00d4ff4d;transform:scale(1.1)}.experience__details{flex:1 1}.experience__header{margin-bottom:1.5rem}.experience__header h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.experience__header .company{color:var(--color-white);display:block;font-size:1.1rem;font-weight:500;margin-bottom:.25rem}.experience__header .date{color:var(--color-gray-light);display:block;font-size:.9rem;font-weight:400}.experience__bullets{list-style:none;padding:0}.experience__bullets li{color:var(--color-light);line-height:1.6;margin-bottom:1rem;padding-left:1.5rem;position:relative}.experience__bullets li:before{color:var(--color-primary);content:"▹";font-size:1.2rem;font-weight:700;left:0;position:absolute}.experience__bullets li:last-child{margin-bottom:0}.experience__item{animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(30px)}.experience__item:first-child{animation-delay:.1s}.experience__item:nth-child(2){animation-delay:.2s}.experience__item:nth-child(3){animation-delay:.3s}.experience__item:nth-child(4){animation-delay:.4s}.experience__item:nth-child(5){animation-delay:.5s}@media screen and (max-width:1024px){.experience__item{gap:1.5rem;padding:1.5rem}.experience__logo{height:70px;width:70px}}@media screen and (max-width:600px){.experience__item{flex-direction:column;gap:1rem;padding:1.5rem}.experience__logo{align-self:flex-start;height:60px;width:60px}.experience__header h3{font-size:1.3rem}.experience__header .company{font-size:1rem}.experience__bullets li{font-size:.9rem}}.portfolio__container{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.portfolio__item{background:var(--color-bg-variant);border:1px solid #ffffff1a;border-radius:1.5rem;box-sizing:border-box;flex-basis:calc(33% - 2.5rem);flex-grow:1;flex-shrink:1;max-width:400px;min-width:300px;overflow:hidden;padding:1.5rem;position:relative;transition:var(--transition)}.portfolio__item:before{background:var(--gradient-main);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:var(--transition);width:100%}.portfolio__item:hover:before{opacity:.05}.portfolio__item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-10px)}.portfolio__item-image{border-radius:1rem;margin-bottom:1rem;overflow:hidden;position:relative}.portfolio__item-image img{transition:var(--transition)}.portfolio__item:hover .portfolio__item-image img{transform:scale(1.05)}.portfolio__item h3{color:#fff;font-size:1.2rem;font-weight:600;margin:1rem 0}.portfolio__item p{color:var(--color-light);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.portfolio__item-cta{display:flex;gap:1rem;margin-bottom:1rem}.portfolio__item-cta a{border-radius:.5rem;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:var(--transition)}.portfolio__item-cta a:hover{transform:translateY(-2px)}.portfolio__item{animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(30px)}.portfolio__item:first-child{animation-delay:.1s}.portfolio__item:nth-child(2){animation-delay:.2s}.portfolio__item:nth-child(3){animation-delay:.3s}.portfolio__item:nth-child(4){animation-delay:.4s}.portfolio__item:nth-child(5){animation-delay:.5s}.portfolio__item:nth-child(6){animation-delay:.6s}@media screen and (max-width:1024px){.portfolio__container{gap:2rem}.portfolio__item{max-width:350px;min-width:280px}}@media screen and (max-width:600px){.portfolio__container{gap:1.5rem}.portfolio__item{max-width:100%;min-width:100%;padding:1.2rem}.portfolio__item h3{font-size:1.1rem}.portfolio__item p{font-size:.9rem}}.education__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.education__container>div{background-color:var(--color-bg-variant);border:1px solid #0000;border-radius:2rem;padding:2.4rem 5rem;transition:var(--transition)}.education__container>div:hover{background-color:initial;border-color:var(--color-primary-variant);cursor:default}.education__container>div h3{color:var(--color-primary);margin-bottom:2rem;text-align:center}.education__content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.education__details{display:flex;gap:1rem}.education__details-icon{color:var(--color-primary);margin-top:6px}@media screen and (max-width:1024px){.education__container{grid-template-columns:1fr}.logo-container img{border-style:none;max-height:50px;max-width:50px;vertical-align:middle}.logo-container{align-items:center;display:flex;height:50px;justify-content:center;width:50px}.education__container>div{margin:0 auto;padding:2rem;width:80%}.education__content{padding:1rem}}@media screen and (max-width:600px){.education__container{gap:1rem}.education__container>div{padding:2rem 1rem;width:100%}}.skills__container{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.skill{background:var(--color-bg-variant);border:1px solid #ffffff1a;border-radius:1.5rem;height:fit-content;max-width:400px;min-width:300px;overflow:hidden;position:relative}.skill,.skill:before{transition:var(--transition)}.skill:before{background:var(--gradient-main);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.skill:hover:before{opacity:.05}.skill:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-10px)}.skill__head{background:var(--gradient-main);border-radius:1.5rem 1.5rem 0 0;box-shadow:var(--shadow);padding:2rem;position:relative;z-index:1}.skill__head h3{color:#fff;font-size:1.2rem;font-weight:600;text-align:center}.skill__list{padding:2rem;position:relative;z-index:1}.skill__list li{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.skill__list li:last-child{margin-bottom:0}.skill__list-icon{color:var(--color-primary);flex-shrink:0;font-size:1.2rem;margin-top:2px}.skill__list p{color:var(--color-light);font-size:.95rem;line-height:1.6}.skill{animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(30px)}.skill:first-child{animation-delay:.1s}.skill:nth-child(2){animation-delay:.2s}.skill:nth-child(3){animation-delay:.3s}.skill:nth-child(4){animation-delay:.4s}.skill:nth-child(5){animation-delay:.5s}.skill:nth-child(6){animation-delay:.6s}@media screen and (max-width:1024px){.skills__container{gap:2rem}.skill{max-width:350px;min-width:280px}}@media screen and (max-width:600px){.skills__container{gap:1.5rem}.skill{max-width:100%;min-width:100%}.skill__head{padding:1.5rem}.skill__head h3{font-size:1.1rem}.skill__list{padding:1.5rem}.skill__list p{font-size:.9rem}}.certificates__container{display:flex;flex-wrap:wrap;gap:3rem}.certificates__item{border:1px solid #0000;border-radius:2rem;box-sizing:border-box;flex-basis:calc(33% - 3rem);flex-grow:1;flex-shrink:1;min-width:280px;padding:1.3rem}.certificates,.certificates__item{background-color:var(--color-bg-variant);transition:var(--transition)}.certificates{border:1px solid var(--color-primary);border-radius:0 0 2rem 2rem;height:fit-content}.certificates:hover{background-color:initial;border-color:var(--color-primary-variant);cursor:default}.certificates__head{background-color:var(--color-primary);border-radius:0 0 2rem 2rem;box-shadow:0 2rem 1rem 0 #0000001a;padding:2rem}.certificates__head h3{color:var(--color-bg);font-size:1rem;text-align:center}@media screen and (max-width:1024px){.certificates__item{flex-basis:calc(50% - 3rem);flex-grow:1;flex-shrink:1}}@media screen and (max-width:600px){.certificates__item{flex:1 1 100%}}.logo-container img{border-style:none;max-height:50px;max-width:50px;vertical-align:middle}.logo-container{align-items:center;display:flex;height:50px;justify-content:center;width:50px}.resume-wrap{border:1px solid #ccc;border-radius:8px;padding:20px;transition:transform .3s}.resume-wrap:hover{transform:scale(1.05)}h5{color:var(--color-light)}.container.contact__container{grid-gap:12%;display:grid;gap:12%;grid-template-columns:30% 58%;width:58%}.contact_options{display:flex;flex-direction:column;gap:1.2rem}.contact__option{background:var(--color-bg-variant);border:1px solid #ffffff1a;border-radius:1.5rem;margin-bottom:1.2rem;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:var(--transition)}.contact__option:before{background:var(--gradient-main);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:var(--transition);width:100%}.contact__option:hover:before{opacity:.1}.contact__option:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-5px)}.contact__option-icon{color:var(--color-primary);font-size:1.8rem;margin-bottom:.5rem;position:relative;z-index:1}.contact__option h4,.contact__option h5,.contact__option-icon{color:#fff}.contact__option h4{font-weight:600;margin-bottom:.5rem;position:relative;z-index:1}.contact__option h5{color:var(--color-light)}.contact__option a,.contact__option h5{font-size:.9rem;position:relative;z-index:1}.contact__option a{color:var(--color-primary);display:inline-block;margin-top:.7rem;transition:var(--transition)}.contact__option a:hover{color:var(--color-white);transform:translateY(-2px)}form{display:flex;flex-direction:column;gap:1.5rem}input,textarea{background:var(--color-bg-variant);border:2px solid #ffffff1a;border-radius:1rem;color:var(--color-white);font-family:Inter,sans-serif;font-size:1rem;padding:1.5rem;resize:none;transition:var(--transition);width:100%}input:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 20px #00d4ff33;outline:none}input::placeholder,textarea::placeholder{color:var(--color-gray-light)}.contact__option{animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(30px)}.contact__option:first-child{animation-delay:.1s}.contact__option:nth-child(2){animation-delay:.2s}.contact__option:nth-child(3){animation-delay:.3s}@media screen and (max-width:1024px){.container.contact__container{gap:2rem;grid-template-columns:1fr}}@media screen and (max-width:600px){.container.contact__container{width:var(--container-width-sm)}.contact__option{padding:1.2rem}input,textarea{font-size:.9rem;padding:1.2rem}}footer{background:linear-gradient(135deg,var(--color-bg-variant) 0,var(--color-bg) 100%);border-top:1px solid #ffffff1a;color:var(--color-white);font-size:.9rem;margin-top:7rem;padding:4rem 0 2rem;position:relative;text-align:center}footer:before{background:linear-gradient(90deg,#0000,#ff9100,#0050b3 100%,#0000);content:"";height:1px;left:0;position:absolute;top:0;width:100%}footer a{color:var(--color-primary);transition:var(--transition)}footer a:hover{color:var(--color-white);transform:translateY(-2px)}.footer__logo{-webkit-text-fill-color:unset;background:none;-webkit-background-clip:unset;background-clip:initial;color:#fff;display:inline-block;font-size:2.5rem;font-weight:700;margin-bottom:2rem}.permalinks{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 auto 3rem}.permalinks a{font-weight:500;transition:var(--transition)}.permalinks a:hover{color:var(--color-primary)}.footer__socials{display:flex;gap:1.5rem;justify-content:center;margin-bottom:4rem}.footer__socials a{background:var(--color-bg-variant);border:1px solid #ffffff1a;border-radius:1rem;color:var(--color-primary);display:flex;font-size:1.2rem;padding:1rem;transition:var(--transition)}.footer__socials a:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover);color:#fff;transform:translateY(-5px)}.footer__copyright{color:var(--color-light);font-size:.9rem;margin-bottom:2rem}.footer__copyright a{color:var(--color-primary);font-weight:500}.footer__copyright,.footer__logo,.footer__socials,.permalinks{animation:fadeInUp .8s ease-out forwards;opacity:0;transform:translateY(30px)}.footer__logo{animation-delay:.1s}.permalinks{animation-delay:.2s}.footer__socials{animation-delay:.3s}.footer__copyright{animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media screen and (max-width:600px){footer{padding:3rem 0 1.5rem}.permalinks{flex-direction:column;gap:1.5rem}.footer__socials{gap:1rem;margin-bottom:2.6rem}.footer__socials a{font-size:1rem;padding:.8rem}.footer__logo{font-size:2rem}}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:#0000;padding:0;text-decoration:none}:root{--color-bg:#0a0a0a;--color-bg-variant:#1a1a1a;--color-primary:#ff9100;--color-primary-variant:#ff910033;--color-secondary:#0050b3;--color-white:#fff;--color-light:#fffc;--color-dark:#000;--color-gray:#666;--color-gray-light:#999;--gradient-main:linear-gradient(135deg,#ff9100,#0050b3);--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--shadow:0 10px 30px #0000004d;--shadow-hover:0 20px 40px #0006}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a;background:var(--color-bg-variant)}::-webkit-scrollbar-thumb{background:#ff9100;background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff910033;background:var(--color-primary-variant)}body{background:linear-gradient(135deg,#0a0a0a,#1a0a00);background:linear-gradient(135deg,var(--color-bg) 0,#1a0a00 100%);color:#fff;color:var(--color-white);font-family:Inter,sans-serif;line-height:1.7;overflow-x:hidden}.container{margin:0 auto;width:75%;width:var(--container-width-lg)}h1,h2,h3,h4,h5{font-weight:600;line-height:1.2}h1{background:none;color:#fff;font-size:3.5rem;font-weight:700}h2{font-size:2.5rem;font-weight:600}section{margin-top:8rem;padding-top:8rem}section>h2,section>h5{color:#fffc;color:var(--color-light);text-align:center}section>h2{color:#ff9100;color:var(--color-primary);font-size:2.5rem;font-weight:600;margin-bottom:4rem}.text-light{color:#fffc;color:var(--color-light)}a{color:#ff9100;color:var(--color-primary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}a:hover{color:#fff;color:var(--color-white);transform:translateY(-2px)}.btn,.btn-primary{color:#fff}.btn{background:#0000;border:2px solid #ff9100;border:2px solid var(--color-primary);border-radius:.8rem;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:max-content}.btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:hover{background:#ff9100;background:var(--color-primary);box-shadow:0 20px 40px #0006;box-shadow:var(--shadow-hover);transform:translateY(-3px)}.btn-primary,.btn:hover{border-color:#ff9100;border-color:var(--color-primary)}.btn-primary{background:linear-gradient(135deg,#ff9100,#0050b3);background:var(--gradient-main)}.btn-primary:hover{background:linear-gradient(135deg,#0050b3,#ff9100);box-shadow:0 20px 40px #0006;box-shadow:var(--shadow-hover);transform:translateY(-3px)}img{border-radius:1rem;display:block;object-fit:cover;width:100%}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}section{margin-top:6rem}h1{font-size:2.8rem}h2{font-size:2rem}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-sm)}section{margin-bottom:6rem}h1{font-size:2.2rem}h2{font-size:1.8rem}.btn{font-size:.9rem;padding:.8rem 1.5rem}}:root{--bg:#0b1220;--panel:#0d111cb8;--panel-border:#ffffff14;--text:#e5e7eb;--muted:#9ca3af;--brand:#2563eb;--brand-2:#6d28d9;--shadow:0 20px 45px #0006}.chat-root{bottom:24px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:fixed;right:24px;z-index:1000}.chat-fab{align-items:center;background:radial-gradient(120% 120% at 0 0,#2563eb 0,#6d28d9 100%);background:radial-gradient(120% 120% at 0 0,var(--brand) 0,var(--brand-2) 100%);border:0;border-radius:50%;box-shadow:0 20px 45px #0006;box-shadow:var(--shadow);color:#fff;cursor:pointer;display:inline-flex;height:56px;justify-content:center;transition:transform .15s ease,filter .15s ease;width:56px}.chat-fab:hover{filter:brightness(1.05);transform:translateY(-1px)}.chat-panel{backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);background:#0d111cb8;background:var(--panel);border:1px solid #ffffff14;border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 20px 45px #0006;box-shadow:var(--shadow);color:#e5e7eb;color:var(--text);display:flex;flex-direction:column;max-height:72vh;overflow:hidden;width:380px}.chat-header{background:linear-gradient(135deg,#111827e6,#0f172ae6);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--panel-border);justify-content:space-between;padding:12px 14px}.chat-header,.chat-title{align-items:center;display:flex}.chat-title{font-weight:600;gap:10px}.chat-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#6d28d9);background:linear-gradient(135deg,var(--brand),var(--brand-2));border-radius:50%;color:#fff;display:inline-flex;font-size:12px;height:28px;justify-content:center;width:28px}.chat-subtitle{font-size:12px}.chat-close,.chat-subtitle{color:#9ca3af;color:var(--muted)}.chat-close{background:#0000;border:0;cursor:pointer;font-size:20px}.chat-body{flex-direction:column;gap:10px;overflow-y:auto;padding:14px 12px}.chat-body,.msg{display:flex}.msg.user{justify-content:flex-end}.msg.assistant{justify-content:flex-start}.bubble{border-radius:14px;box-shadow:0 6px 16px #00000040;line-height:1.45;max-width:78%;padding:12px 14px}.user .bubble{background:linear-gradient(135deg,#1e40af,#2563eb);border-top-right-radius:6px;color:#fff}.assistant .bubble{background:linear-gradient(180deg,#111827d9,#111827a6);border:1px solid #ffffff14;border:1px solid var(--panel-border);border-top-left-radius:6px;color:#e5e7eb;color:var(--text)}.meta{font-size:11px;margin-top:6px;opacity:.65}.chat-input{background:#0b122059;border-top:1px solid #ffffff14;border-top:1px solid var(--panel-border);display:flex;gap:8px;padding:10px}.chat-input textarea{background:#0b1220a6;border:1px solid #ffffff1f;border-radius:12px;color:#e5e7eb;color:var(--text);flex:1 1;outline:none;padding:12px;resize:none}.chat-input textarea::placeholder{color:#7c8596}.send-btn{background:linear-gradient(135deg,#2563eb,#6d28d9);background:linear-gradient(135deg,var(--brand),var(--brand-2));border:0;border-radius:12px;box-shadow:0 8px 20px #2563eb59;color:#fff;cursor:pointer;padding:10px 14px}.send-btn:disabled{background:#1f2a44;box-shadow:none;cursor:not-allowed}.typing{align-items:center;display:inline-flex;gap:4px}.typing span{animation:blink 1.2s infinite;background:#9ca3af;border-radius:50%;display:inline-block;height:6px;width:6px}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}@media (max-width:480px){.chat-panel{left:12px;right:12px;width:calc(100vw - 24px)}}.assistant .bubble .text.md{white-space:normal}.assistant .bubble .text.md p{margin:0 0 8px}.assistant .bubble .text.md ol,.assistant .bubble .text.md ul{margin:0 0 8px 18px;padding-left:18px}.assistant .bubble .text.md li{margin:2px 0}.assistant .bubble .text.md code{background:#ffffff14;border:1px solid #ffffff0f;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.92em;padding:0 4px}.assistant .bubble .text.md pre{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;margin:0 0 8px;overflow-x:auto;padding:10px}.assistant .bubble .text.md a{color:#93c5fd;text-decoration:underline}
/*# sourceMappingURL=main.389c3791.css.map*/