*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}ul,ol{list-style:none}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}:root{--color-primary: #5a54e8;--color-secondary: #7daaf8;--color-surface: #f4f6f9;--color-text: #1b3a52;--color-success: #04844b;--color-warning: #ff8c00;--font-body: "Manrope", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .8s ease}.btn{display:inline-block;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);border:2px solid transparent}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn--primary{color:#fff;background-color:#0168bf}.btn--primary:hover{background-color:#0168bf;border-color:#0168bf}.btn--secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary);padding:var(--space-sm) var(--space-xl)}.btn--secondary:hover{background-color:var(--color-primary);color:#fff}.btn--appsmain{background-color:#5a54e8;color:#fff;border-color:var(--color-primary);padding:var(--space-sm) var(--space-xl)}.btn--appsmain:hover{background-color:#fff;border-color:var(--color-primary);color:#5a54e8}.nav__menu .btn--secondary{padding:var(--space-sm) var(--space-xl)}.service-card{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md)}body{font-family:var(--font-body);background-color:var(--color-surface);color:var(--color-text);overflow-x:hidden}h1,h2{font-family:Kranky,cursive;font-weight:400}h3,h4,h5,h6{font-family:Manrope,sans-serif;font-weight:700}.header{position:sticky;top:0;z-index:1000;background-color:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--space-sm) var(--space-lg);box-shadow:var(--shadow-sm)}.footer{padding:var(--space-lg);text-align:center;background-color:var(--color-text);color:var(--color-surface);margin-top:var(--space-xl)}html{scroll-padding-top:80px;overflow-x:hidden}body{overflow-x:hidden}main{scroll-snap-type:y mandatory}main>section{padding:calc(var(--space-xl) * 2.5) var(--space-lg);max-width:1200px;margin-left:auto;margin-right:auto;scroll-snap-align:start}.nav{display:flex;justify-content:space-between;align-items:center;min-height:60px}.nav__logo img{height:70px;transition:transform var(--transition-normal)}.nav__logo img:hover{transform:scale(1.1)}.nav__menu{display:flex;gap:var(--space-md);align-items:center}.nav__menu a{text-decoration:none;color:var(--color-text);font-weight:600;position:relative;padding:var(--space-xs) 0;display:flex;align-items:center;min-height:40px}.nav__menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-normal)}.nav__menu a:hover:after{width:100%}.nav__toggle-btn{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.nav__toggle-btn:focus{outline:none}.hamburger-bar{width:30px;height:3px;background-color:var(--color-text);border-radius:10px;transition:all .3s ease-in-out;position:relative;transform-origin:center}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;text-align:center;position:relative;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:var(--space-xl);max-width:none;overflow:hidden}.hero__content{z-index:2}.hero__title{font-size:clamp(2.5rem,6vw,4.5rem);margin-bottom:var(--space-sm);text-shadow:2px 2px 8px rgba(0,0,0,.3)}.hero__subtitle{font-size:clamp(1.1rem,2.5vw,1.5rem);margin-bottom:var(--space-lg)}.hero__cta{display:flex;justify-content:center;gap:0}@media (max-width: 768px){.hero__cta{flex-direction:column;gap:1rem}}.hero .btn{margin:0 var(--space-sm)}.hero .btn--primary{border-color:#fff}.hero .btn--primary:hover{background-color:#fff;color:var(--color-text);border-color:#fff}.hero .btn--secondary{background-color:transparent;color:#fff;border-color:#fff}.hero .btn--secondary:hover{background-color:#fff;color:var(--color-text)}.hero__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.parallax{position:absolute;will-change:transform}.cloud{opacity:.15;animation-name:float;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.cloud--1{width:250px;animation-duration:12s}.cloud--2{width:150px;animation-duration:10s;animation-delay:-3s}.cloud--3{width:200px;animation-duration:9s}.cloud--4{width:100px;animation-duration:14s;animation-delay:-5s}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.section-title{text-align:center;font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-sm);color:var(--color-primary)}.section-subtitle{text-align:center;font-size:clamp(1rem,2.5vw,1.2rem);max-width:800px;margin:0 auto var(--space-xl) auto;line-height:1.6;color:var(--color-text)}#about{background-color:#fff;border-radius:var(--radius-lg);margin-top:var(--space-xl)}.timeline{position:relative;max-width:900px;margin:var(--space-xl) auto;padding:var(--space-lg)}.timeline:before{content:"";position:absolute;left:100px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:2px;z-index:0}.timeline-item{display:flex;align-items:flex-start;margin-bottom:var(--space-md);position:relative;padding:0}.timeline-item:last-child{margin-bottom:0}.timeline-day{flex-shrink:0;width:60px;margin-right:var(--space-lg);font-weight:700;font-family:Manrope,sans-serif;color:var(--color-primary);text-align:right;font-size:1.1rem;line-height:1.2;padding-top:4px}.timeline-item:after{content:"";position:absolute;left:82px;top:8px;width:16px;height:16px;background-color:#fff;border:3px solid var(--color-primary);border-radius:50%;z-index:2;box-shadow:0 2px 4px #0000001a}.timeline-content{background:#fff;border-radius:var(--radius-md);padding:var(--space-md);flex-grow:1;border:1px solid #e1e4e8;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);margin-left:var(--space-sm)}.timeline-content:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.timeline-content h3{margin-bottom:var(--space-xs);color:var(--color-text)}.timeline-content p{font-size:.95rem}.timeline-item--friday .timeline-day{color:var(--color-secondary);font-size:1.3rem;font-weight:800;text-shadow:0 2px 4px rgba(125,170,248,.3)}.timeline-item--friday:after{border-color:var(--color-secondary);transform:scale(1.3);background:radial-gradient(circle,white 30%,var(--color-secondary) 30%,var(--color-secondary) 70%,white 70%);animation:pulse-friday 2s ease-in-out infinite}@keyframes pulse-friday{0%,to{box-shadow:0 0 #7daaf866}50%{box-shadow:0 0 0 10px #7daaf800}}.timeline-content .highlight{color:var(--color-primary);font-weight:700}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-top:var(--space-xl)}.service-card h3{color:var(--color-primary);font-size:1.4rem;margin-bottom:var(--space-sm)}.service-card p{line-height:1.6}#apps{background-color:#fff;border-radius:var(--radius-lg)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.app-card{background-color:var(--color-surface);border:1px solid #e1e4e8;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);display:flex;flex-direction:column;text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.app-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md)}.app-card__icon{margin:0 auto var(--space-md) auto;background-color:#fff;width:80px;height:80px;border-radius:20px;display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-sm)}.app-card__icon img{width:50px;height:50px}.app-card__title{font-size:1.5rem;margin-bottom:var(--space-sm);color:var(--color-text)}.app-card__description{margin-bottom:var(--space-lg);flex-grow:1;color:#586069}.app-card__stats{display:flex;justify-content:space-around;margin-bottom:var(--space-lg);border-top:1px solid #e1e4e8;border-bottom:1px solid #e1e4e8;padding:var(--space-sm) 0}.stat{text-align:center}.stat__value{display:block;font-size:1.2rem;font-weight:700;color:var(--color-primary)}.stat__label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:#6a737d}.app-card__link{width:100%}.contact-container{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-xl);margin-top:var(--space-xl);align-items:flex-start}@media (max-width: 900px){.contact-container{grid-template-columns:1fr}}.contact-form-wrapper{background-color:#fff;padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.form-group{position:relative;margin-bottom:var(--space-lg)}.form-group label{position:absolute;top:.6rem;left:.8rem;color:#6a737d;background-color:#fff;padding:0 var(--space-xs);transition:all var(--transition-normal);pointer-events:none;z-index:1}.form-group input,.form-group textarea{width:100%;padding:var(--space-sm);border:1px solid #d1d5da;border-radius:var(--radius-md);font-size:1rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0176d333}.form-group.has-error input,.form-group.has-error textarea{border-color:#d73a49}.form-group.has-error input:focus,.form-group.has-error textarea:focus{box-shadow:0 0 0 3px #d73a4933}.error-message{color:#d73a49;font-size:.85rem;display:block;margin-top:var(--space-xs);display:none}.form-group.has-error .error-message{display:block}.form-group input:focus+label,.form-group.has-value input+label,.form-group textarea:focus+label,.form-group.has-value textarea+label{top:-.65rem;left:.5rem;font-size:.85rem;color:var(--color-primary);background-color:#fff;padding:0 var(--space-xs);z-index:2}.contact-form .btn{width:100%}.form-status{margin-top:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-md);text-align:center;display:none}.form-status.is-success{background-color:#dbf4e9;color:var(--color-success);display:block}.form-status.is-error{background-color:#f8d7da;color:#d73a49;display:block}.contact-details-wrapper{padding:var(--space-lg)}.contact-details-wrapper h3{font-size:1.5rem;color:var(--color-primary);margin-bottom:var(--space-md)}.contact-details{list-style:none;padding:0;margin-bottom:var(--space-lg)}.contact-details li{margin-bottom:var(--space-sm);font-size:1.1rem}.contact-details a{color:var(--color-primary);text-decoration:none;border-bottom:1px dashed}.contact-details a:hover{color:#0168bf}.social-links{display:flex;gap:var(--space-sm);align-items:center;justify-content:flex-start;margin-top:var(--space-md)}.social-links .social-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs);border-radius:var(--radius-md);transition:all var(--transition-normal);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-links .social-icon:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@keyframes blink{50%{opacity:0}}.animate-typewriter{position:relative}.animate-typewriter.is-typing:after{content:"|";position:absolute;right:-.1em;font-weight:400;color:var(--color-primary);animation:blink 1s step-end infinite}#team{background-color:var(--color-surface);border-radius:var(--radius-lg)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.team-card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-lg);text-align:center;overflow:hidden;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative}.team-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.team-card__photo-wrapper{width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto var(--space-md) auto;border:4px solid var(--color-primary);transition:border-color var(--transition-normal)}.team-card:hover .team-card__photo-wrapper{border-color:var(--color-secondary)}.team-card__photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-normal)}.team-card:hover .team-card__photo{transform:scale(1.1)}.team-card__name{font-size:1.5rem;color:var(--color-text);margin-bottom:var(--space-xs)}.team-card__role{font-size:1rem;color:var(--color-primary);font-weight:600;margin-bottom:var(--space-md)}.team-card__bio{font-size:.95rem;line-height:1.5;color:#586069;min-height:4.5em}.team-card__easter-egg{position:absolute;bottom:0;left:0;width:100%;background-color:var(--color-primary);color:#fff;padding:var(--space-xs);font-size:.85rem;transform:translateY(100%);transition:transform .3s ease-out;opacity:0;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);text-align:center}.team-card.revealed .team-card__easter-egg{transform:translateY(0);opacity:1}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}.konami-confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:9999}.confetti{position:absolute;width:10px;height:20px;opacity:0;animation-name:confetti-fall;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes ripple-animation{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.btn--ripple{position:relative;overflow:hidden}.ripple-circle{position:absolute;border-radius:50%;background-color:#ffffffb3;animation:ripple-animation .6s ease-out;transform:scale(0);opacity:0;pointer-events:none;z-index:1}@media (max-width: 768px){.nav__menu{position:fixed;top:0;left:100vw;width:70%;max-width:300px;height:100vh;padding-top:6rem;background-color:#fff;box-shadow:-5px 0 15px #0000001a;flex-direction:column;align-items:center;gap:var(--space-lg);transition:left .35s ease-in-out;z-index:5}.nav__menu.is-open{left:calc(100vw - min(70vw,300px))}.nav__menu a{font-size:1.2rem}.nav__toggle-btn{display:flex}.header.is-nav-open .hamburger-bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.header.is-nav-open .hamburger-bar:nth-child(2){opacity:0}.header.is-nav-open .hamburger-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}