@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Poppins:wght@300;400;500;600;700&family=Gochi+Hand&display=swap";:root{--primary: #6e45e2;--secondary: #88d3ce;--accent: #ff7e5f;--dark: #0f0e17;--light: #fffffe}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif,Orbitron;background-color:#f7f7f7;background-image:radial-gradient(circle,#d0d0d0 1px,rgba(0,0,0,0) 1px);background-size:20px 20px;color:#1a1a1a}h1,h2,.orbitron{font-family:Orbitron,sans-serif;color:#1a1a1a}.handwritten{font-family:Gochi Hand,cursive;color:#222}.sticky-note{color:#3f3f3f;padding:1.5rem;border-radius:4px;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;position:relative;height:100%}.sticky-note:hover{transform:rotate(0) scale(1.03)!important;box-shadow:0 10px 25px #00000026;z-index:10}.sticky-note.yellow{background-color:#fef9c3;transform:rotate(-2.5deg)}.sticky-note.blue{background-color:#dbeafe;transform:rotate(1.5deg)}.sticky-note.green{background-color:#dcfce7;transform:rotate(-1deg)}.sticky-note.pink{background-color:#fce7f3;transform:rotate(2deg)}.sticky-note h3{font-size:1.75rem;line-height:1.2;margin-bottom:.5rem}.sticky-note:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:70px;height:25px;background-color:#88d3ce4d;border-left:1px dashed rgba(255,255,255,.5);border-right:1px dashed rgba(255,255,255,.5)}.process-step{background-color:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 30px #00000012;border:1px solid #eee;position:relative;z-index:5}.process-step-number{font-family:Gochi Hand,cursive;font-size:3rem;color:var(--primary);line-height:1}.process-step h3{font-family:Orbitron,sans-serif;font-size:1.5rem;margin-bottom:.5rem}.process-connector{position:absolute;top:100%;left:50%;transform:translate(-50%);width:100px;height:100px;z-index:1}.deliverable-card{border-radius:12px;overflow:hidden;background-color:#fff;box-shadow:0 10px 20px #0000000d;transition:all .3s ease;border:1px solid #eee;height:100%}.deliverable-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.deliverable-card img{width:100%;height:250px;-o-object-fit:cover;object-fit:cover;border-bottom:1px solid #eee}.deliverable-card .caption{padding:1.5rem}.deliverable-card .caption h3{font-size:1.5rem;margin-bottom:.25rem}.deliverable-card .caption p{font-size:.9rem;color:#555}.gradient-text{background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient 8s ease infinite;background-size:400% 400%}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .3s ease}.nav-link:hover:after{width:100%}.mobile-menu{display:none;position:absolute;top:80px;left:0;right:0;background-color:#000000f2;padding:20px;z-index:1000}.mobile-menu.active{display:block}.mobile-menu a{display:block;padding:10px 0;color:#fff;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-menu a:last-child{border-bottom:none}.btn-glow{position:relative;overflow:hidden;z-index:1}.btn-glow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s;z-index:-1}.btn-glow:hover:before{left:100%}footer{background-color:var(--dark);color:var(--light)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.artwork-container{width:300px;height:300px;margin:1rem auto;position:relative}.artwork-svg{width:100%;height:100%;transform-origin:center;animation:rotate-artwork 40s linear infinite}.artwork-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1;stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw-in 5s ease-out forwards}.pulsing-glow{animation:pulse-glow 4s ease-in-out infinite}@keyframes draw-in{to{stroke-dashoffset:0}}@keyframes rotate-artwork{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%{filter:drop-shadow(0 0 5px var(--primary));opacity:.7}50%{filter:drop-shadow(0 0 20px var(--secondary));opacity:1}to{filter:drop-shadow(0 0 5px var(--primary));opacity:.7}}
