body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Space Grotesk,system-ui,sans-serif;margin:0;padding:0}:root{--bg-black:#050505;--pasta-yellow:#ffd84d;--pasta-glow:#ffd84d73;--white-soft:#f5f5f5;--glass:#ffffff0f}body{background:#050505;background:var(--bg-black);color:#f5f5f5;color:var(--white-soft);overflow-x:hidden}.navbar{align-items:center;animation:navEntrance .8s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:18px 70px;position:-webkit-sticky;position:sticky;top:0;z-index:10}@keyframes navEntrance{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo{align-items:center;display:flex}.logo img{cursor:pointer;filter:drop-shadow(0 0 12px rgba(255,216,77,.45));filter:drop-shadow(0 0 12px var(--pasta-glow));height:44px;transition:transform .25s ease,filter .25s ease;width:auto}.logo img:hover{filter:drop-shadow(0 0 18px #ffd84d);filter:drop-shadow(0 0 18px var(--pasta-yellow));transform:scale(1.25)}.menu span{color:#f5f5f5;color:var(--white-soft);cursor:pointer;font-size:13px;letter-spacing:2px;margin-left:32px;text-transform:uppercase;transition:.25s ease}.menu span:hover{color:#ffd84d;color:var(--pasta-yellow);text-shadow:0 0 12px #ffd84d73;text-shadow:0 0 12px var(--pasta-glow);transform:translateY(-2px)}.hero{background:radial-gradient(circle at top,#111 0,#050505 60%);display:flex;flex-direction:column;justify-content:center;min-height:90vh;padding:120px 20px 80px;text-align:center}.animate-title{animation:titleIn 1.2s ease-out forwards;color:#ffd84d;color:var(--pasta-yellow);font-size:clamp(42px,5vw,64px);letter-spacing:5px;opacity:0;text-shadow:0 0 15px #ffd84d73,0 0 45px #ffd84d8c;text-shadow:0 0 15px var(--pasta-glow),0 0 45px #ffd84d8c;transform:translateY(40px) scale(.9)}@keyframes titleIn{to{opacity:1;transform:translateY(0) scale(1)}}.animate-sub{animation:subIn 1.2s ease-out .5s forwards;color:#ddd;font-size:18px;margin-top:18px;margin-inline:auto;max-width:720px;opacity:0}@keyframes subIn{to{opacity:1}}.click-title{cursor:pointer}.content{padding:120px 10vw}.block{margin-bottom:140px;opacity:0;text-align:center;transform:translateY(60px);transition:all .9s cubic-bezier(.2,.8,.2,1)}.block.show{opacity:1;transform:translateY(0)}.block h2{background:#ffd84d;background:var(--pasta-yellow);border-radius:6px;box-shadow:0 0 18px #ffd84d73,0 0 45px #ffd84d8c;box-shadow:0 0 18px var(--pasta-glow),0 0 45px #ffd84d8c;color:#050505;color:var(--bg-black);display:inline-block;font-size:22px;letter-spacing:4px;margin-bottom:32px;padding:18px 60px}.block p{color:#eee;font-size:18px;line-height:1.7;margin:auto;max-width:820px}.hyper-svg{display:block;height:300px;margin:40px auto;max-width:900px;position:relative;width:100%;z-index:5}.hyper-line{fill:none;stroke:#ffd84d;stroke:var(--pasta-yellow);stroke-width:3;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 3s ease-out forwards;filter:drop-shadow(0 0 8px rgba(255,216,77,.45));filter:drop-shadow(0 0 8px var(--pasta-glow))}.line1{animation-delay:0s}.line2{animation-delay:.7s}.line3{animation-delay:1.4s}@keyframes drawLine{to{stroke-dashoffset:0}}.geogebra-container,.model-container{background:#000;border:1px solid #ffd84d59;border-radius:14px;box-shadow:0 0 25px #ffd84d59,inset 0 0 12px #ffd84d26;margin-top:40px;overflow:hidden}.bridge-photo{border-radius:12px;display:block;width:100%}@media (max-width:900px){.navbar{padding:16px 28px}.menu span{font-size:11px;margin-left:16px}.content{padding:90px 24px}}.image-frame{align-items:center;display:flex;justify-content:center;margin-top:50px}.image-frame img{background:#ffffff05;border:1px solid #ffd84d59;border-radius:14px;box-shadow:0 0 20px #ffd84d59,0 0 60px #ffd84d26;max-width:720px;padding:10px;transition:transform .35s ease,box-shadow .35s ease;width:100%}.image-frame img:hover{box-shadow:0 0 30px #ffd84d8c,0 0 90px #ffd84d40;transform:scale(1.02)}@media (max-width:768px){.image-frame img{max-width:100%}}.tinkercad-container{aspect-ratio:16/9;margin:60px auto;max-width:900px;position:relative;width:100%}.tinkercad-container iframe{border:none;height:100%;width:100%}.curtain-container img{border-radius:14px}.curtain{background:linear-gradient(90deg,#080808,#151515,#080808);bottom:0;box-shadow:inset -10px 0 20px #000c,inset 10px 0 20px #ffd84d26,0 0 40px #ffd84d59;transition:transform 1.4s cubic-bezier(.7,.1,.2,1)}.curtain.left,.curtain.right{transform:translateX(0)}.curtain-text{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;font-size:14px;transition:opacity .6s ease}.curtain-container{border:1px solid #ffd84d59;border-radius:14px;box-shadow:0 0 30px #00000080;cursor:pointer;display:inline-block;margin:60px auto;overflow:hidden;position:relative}.curtain-container img{display:block;height:auto;max-width:720px;width:100%;z-index:1}.curtain{background:linear-gradient(90deg,#0a0a0a,#1a1a1a,#0a0a0a);box-shadow:inset 0 0 50px #000000e6;height:100%;position:absolute;top:0;transition:transform 1.4s cubic-bezier(.7,0,.3,1);width:50%;z-index:3}.curtain.left{border-right:1px solid #ffd84d1a;left:0}.curtain.right{border-left:1px solid #ffd84d1a;right:0}.curtain-text{align-items:center;background:#0003;color:#ffd84d;color:var(--pasta-yellow);display:flex;font-weight:700;inset:0;justify-content:center;letter-spacing:3px;pointer-events:none;position:absolute;text-align:center;transition:opacity .6s ease,visibility .6s;z-index:4}.curtain-container.open .curtain.left{transform:translateX(-100%)}.curtain-container.open .curtain.right{transform:translateX(100%)}.curtain-container.open .curtain-text{opacity:0;visibility:hidden}.curtain-container:not(.open):hover .curtain-text{background:#0006;text-shadow:0 0 15px #ffd84d;text-shadow:0 0 15px var(--pasta-yellow)}
/*# sourceMappingURL=main.42d0de39.css.map*/