@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700;900&display=swap";.loader-container{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#111;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:#fff;font-family:Ubuntu,sans-serif;opacity:1;transition:opacity 1.5s ease}.loader-container.fade-out{opacity:0}.logo-spinner{width:80px;height:80px;animation:spin 2s linear infinite;display:flex;align-items:center;justify-content:center}.logo-pulse{animation:pulse .9s ease-in-out infinite}.logo-spinner img{width:100%;height:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.loading-text{margin-top:1rem;font-size:1rem;opacity:.8}#root{min-height:100%}body,html{margin:0;padding:0;min-height:100%;overflow-x:hidden}.scroll-container{position:relative;z-index:1;width:100%}.panel{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:2rem;color:#fff;text-align:center}.section-title{font-size:2.5rem;font-family:Poppins,sans-serif;font-weight:900;text-transform:uppercase;margin-bottom:2rem;letter-spacing:2px;text-align:right}@font-face{font-family:FigtreeExtraBold;src:url(/assets/Figtree-ExtraBold-BNVuRCIL.ttf) format("truetype");font-weight:800}.intro{background:#1e1e1e00}.projects{background:#32323200}.contact{background:#50505000}.panel.intro{position:relative}.intro-content{display:flex;flex-direction:column;align-items:center;text-align:center}.intro-name{margin:0;font-family:Poppins,sans-serif;font-weight:900;text-transform:uppercase;color:#000}.intro-subtitle{margin:.5rem 0 0;font-family:Ubuntu,sans-serif;font-weight:400;color:#000;letter-spacing:.1em;text-transform:uppercase}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:#000;font-family:Ubuntu,sans-serif;font-weight:500;font-size:1.2rem;opacity:1;transition:opacity .6s ease}.scroll-indicator.hidden{opacity:0}.scroll-indicator p{margin:0 0 .5rem}.bounce{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}.intro-name canvas,.intro-subtitle canvas{max-width:100%;height:auto;display:block}.projects-section{padding:4rem 2rem;padding-right:5%;text-align:right;max-width:1000px;margin-left:auto}.projects-list{display:flex;flex-direction:column;gap:0rem;align-items:flex-end}.projects-list a{text-decoration:none;color:inherit}.project-item{display:inline-flex;align-items:center;justify-content:flex-end;font-size:1.2rem;gap:.5rem;width:auto}.project-left{display:flex;align-items:center;gap:.5rem;transition:transform .15s cubic-bezier(.76,0,.3,1)}.project-item:hover .project-left{transform:translate(-25px)}.project-name{font-family:Ubuntu,sans-serif;font-size:1rem;font-weight:500;color:#fff}.project-dot{font-size:2rem;color:#ff69b4;font-weight:700}.project-right{display:flex;align-items:center;gap:1rem;font-family:Ubuntu,sans-serif;font-size:.9rem;font-weight:400;font-style:italic}.project-pill{height:20px;width:0;background:linear-gradient(90deg,#ee2c7a,#fc7566);border-top-left-radius:20px;border-bottom-left-radius:20px;transition:width .15s cubic-bezier(.76,0,.1,1)}.project-item:hover .project-pill{width:60px}.skills-section{padding:4rem 2rem;padding-right:5%;text-align:right;max-width:1000px;margin-left:auto}.skills-list{display:flex;flex-direction:column;gap:2rem;align-items:flex-end}.skill-card{background:#ffffff26;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;padding:2rem;width:400px}.skill-title{color:#000;font-size:1.5rem;font-family:Poppins,sans-serif;font-weight:600;margin-bottom:1rem;margin-top:-.6rem;justify-self:left}.skill-items{display:flex;gap:1rem;justify-content:left;flex-wrap:wrap}.skill-items span{padding:.5rem 1.2rem;border-radius:32px;background:#2020208b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:500;box-shadow:0 4px 20px #00000026,inset 0 1px 1px #ffffff4d;transition:all .3s ease}.skill-items img{width:auto;height:40px;object-fit:contain;padding:.5px}.skill-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.skill-icon img{height:40px;width:auto;object-fit:contain;transition:transform .2s ease}.skill-icon:hover img{transform:scale(1.1)}.tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#2b2b2bd9;color:#fff;font-size:.8rem;font-weight:500;padding:.3rem .8rem;border-radius:20px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.skill-icon:hover .tooltip{opacity:1;transform:translate(-50%) translateY(-4px)}@media (max-width: 768px){.skill-card{max-width:85%;padding:1.5rem}}@media (max-width: 480px){.skill-card{max-width:85%;padding:1rem}}.animated-gradient-text{color:transparent;background-size:800px auto;background-repeat:repeat-x;background-clip:text;-webkit-background-clip:text;text-shadow:rgba(0,0,0,.5) 0px 0px 15px;animation:moving-gradient 15s linear infinite alternate;display:inline-block;vertical-align:baseline}@keyframes moving-gradient{0%{background-position-x:0}to{background-position-x:-1000px}}.gradient-large{font-size:2.5rem}.gradient-medium{font-size:1.5rem}.gradient-small{font-size:.9rem}.gradient-black{background-image:url(https://www.alaintai.com/assets/images/7b322b5742df1d83.svg);-webkit-text-stroke:.5px #000}.gradient-pink{background-image:url(https://www.alaintai.com/assets/images/20f6001ea1b18772.svg);-webkit-text-stroke:.5px #ff2a7f}.gradient-purple{background-image:url(https://www.alaintai.com/assets/images/1d7550c1632244bb.svg);-webkit-text-stroke:.5px #6a0dad}.gradient-blue{background-image:url(https://www.alaintai.com/assets/images/19c6f48582def5d2.svg);-webkit-text-stroke:.5px #0059ff}.gradient-cyan{background-image:url(https://www.alaintai.com/assets/images/43176578bae2b17d.svg);-webkit-text-stroke:.5px #00d4d4}.contact-section{padding:4rem 2rem;padding-right:5%;text-align:right;max-width:1000px;margin-left:auto}.contact-card{background:#ffffff14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:20px;padding:2rem;max-width:25rem;text-align:left;color:#fff;box-shadow:0 8px 32px #00000040;margin-left:auto;margin-bottom:2rem}.contact-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-top:-.6rem;justify-self:left}.contact-intro{font-family:Ubuntu,sans-serif;font-size:1rem;color:#fff;line-height:1.6;margin-bottom:1.5rem}.contact-info{margin-top:1.5rem;font-size:1rem}.contact-info a{font-family:Ubuntu,sans-serif;color:#00d4d4;text-decoration:none;transition:color .3s ease}.contact-info a:hover{color:#f6a}.contact-btn{padding:.8rem 1.5rem;font-size:.8rem;font-weight:700;border-radius:32px;color:#000;background:linear-gradient(135deg,#ffffff59,#ffffff26);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 1px #fff3,0 4px 20px #00000040;cursor:pointer;transition:background .6s ease,border .6s ease,transform .25s ease;transform:scale(1)}.contact-btn:hover{background:linear-gradient(135deg,#fff3,#ffffff0d);border:1px solid rgba(255,255,255,.6);transform:scale(.95)}.sidebar-links{position:fixed;top:50%;left:.5rem;transform:translateY(-50%);z-index:1000}.sidebar-links ul{list-style:none;padding:0;margin:0}.sidebar-links li{margin:1rem 0;writing-mode:vertical-rl}.sidebar-links svg{transform:rotate(90deg);margin-right:8px;vertical-align:middle}.sidebar-links a{color:#fff;font-family:Roboto,sans-serif;font-size:.9rem;letter-spacing:1px;text-decoration:none;transition:color .3s ease,text-shadow .3s ease}.sidebar-links a:hover{color:#ee2c7a;text-shadow:0 0 5px #ee2c7a}