*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:#000;color:#fff;line-height:1.6;overflow-x:hidden}.fjalla-one{font-family:Fjalla One,sans-serif;font-weight:400;font-style:normal}.crimson-text-italic{font-family:Crimson Text,serif;font-weight:400;font-style:italic}.min-h-screen{min-height:100vh}.bg-black{background-color:#000}.text-white{color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.hero-section{position:relative;height:100vh;width:100%;overflow:hidden}#particle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#000}.hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:0 1rem;text-align:center}.hero-title{font-size:2.25rem;letter-spacing:-.05em;margin-bottom:1.5rem;color:#fff;background-clip:text;-webkit-background-clip:text;transition:color .3s ease;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards}.hero-title:hover{background-image:linear-gradient(to right,#fff,#fff,#000,#fff,#fff);color:transparent;background-size:200% auto;animation:heroTitleShadow 2s linear infinite}@keyframes heroTitleShadow{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.hero-subtitle{max-width:600px;font-size:1.125rem;color:#93c5fd;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .2s forwards}.hero-logo-link{margin-top:1rem;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .4s forwards}.hero-logo{width:24px;height:auto}.rotating-text-container{position:absolute;top:10%;left:90%;transform:translate(-50%,-50%);animation:spin 15s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.rotating-char{position:absolute;left:50%;top:50%;font-size:10px;color:#fff}@media (min-width: 640px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.25rem}}@media (min-width: 1024px){.hero-title{font-size:3.75rem}}.art-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#000;padding:5rem 0}.floating-shapes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.shape{position:absolute;background-color:#fff;opacity:.1;transition:transform .3s ease}.shape-1{left:25%;top:25%;width:4rem;height:4rem;transform:rotate(45deg)}.shape-2{right:33%;top:33%;width:5rem;height:5rem}.shape-3{bottom:25%;left:33%;width:0;height:0;background:transparent;border-bottom:40px solid #fff;border-left:20px solid transparent;border-right:20px solid transparent;opacity:.1}.shape-4{bottom:33%;right:25%;width:6rem;height:6rem;transform:rotate(12deg)}.shape-5{left:50%;top:50%;width:0;height:0;background:transparent;border-bottom:30px solid #fff;border-left:15px solid transparent;border-right:15px solid transparent;opacity:.1}.art-content{position:relative;z-index:10;max-width:42rem;margin:0 auto;color:#fff}.scroll-text{font-size:1.25rem;margin-bottom:1rem;line-height:1.8}.scroll-text .word{display:inline-block;opacity:0;filter:blur(5px);transform:translateY(20px) skew(-10deg)}.contact-section{position:relative;overflow:hidden;background-color:#000;padding:5rem 0}.timeline{padding:3rem 0}.timeline-title{text-align:center;font-size:1.875rem;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:2rem}.timeline-container{position:relative;max-width:48rem;margin:0 auto}.timeline-line{position:absolute;left:0;top:0;bottom:0;width:6rem;display:flex;align-items:center;justify-content:center}.timeline-line:before{content:"";position:absolute;width:2px;background-color:#3b82f6;height:calc(100% - 30px);margin-top:10px}.timeline-dot{position:absolute;left:50%;transform:translate(-50%);width:12px;height:12px;background-color:#3b82f6;border-radius:50%;animation:moveDot 8s linear infinite}@keyframes moveDot{0%{top:0;opacity:1}85%{top:calc(100% - 10px);opacity:1}95%{top:calc(100% - 10px);opacity:1}to{top:calc(100% - 10px);opacity:0}}.timeline-events{position:relative}.timeline-event{display:flex;align-items:center;margin-bottom:2rem;opacity:0;transform:translateY(50px);transition:opacity .5s ease,transform .5s ease}.timeline-event.visible{opacity:1;transform:translateY(0)}.timeline-year{position:relative;z-index:10;flex-shrink:0;width:6rem;height:6rem;display:flex;align-items:center;justify-content:center;background-color:#3b82f6;border-radius:50%;font-weight:700;font-size:1.5rem;color:#fff}.timeline-year-small{font-size:1.125rem}.timeline-content{flex:1;margin-left:2rem}.timeline-content h3{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.25rem}.timeline-content p{color:#9ca3af}.form-container{margin-top:3rem;height:600px;width:100%}@media (min-width: 640px){.form-container{height:800px}}.footer{border-top:1px solid #27272a;background-color:#000;padding:3rem 0}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.footer-info{color:#9ca3af;font-size:.875rem}.footer-company{margin-bottom:.25rem}.footer-details a{color:#9ca3af;text-decoration:none;transition:color .2s ease}.footer-details a:hover{color:#fff}.footer-features{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 1.5rem}.footer-features a{color:#9ca3af;font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-features a:hover{color:#fff}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 1.5rem;padding-top:1rem;border-top:1px solid #27272a;width:100%;max-width:400px}.footer-links a{color:#9ca3af;font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#fff}.footer-copyright{font-size:.875rem;color:#9ca3af;margin-top:.5rem}@media (max-width: 640px){.rotating-text-container{display:none}.timeline-year{width:4.5rem;height:4.5rem;font-size:1rem}.timeline-year-small{font-size:.875rem}.timeline-content{margin-left:1rem}.timeline-content h3{font-size:1rem}.timeline-content p{font-size:.875rem}}