@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);
:root{--color-text: #373942;--color-text-light: #5a5c67;--color-background: #F5F0E6;--color-background-dark: #F5F0E6;--color-border: #E3DDD2;--color-surface: #F5F0E6}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:"Inter",sans-serif;line-height:1.5;color:var(--color-text);background:var(--color-background);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg, var(--color-background) 0%, var(--color-background-dark) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:all .8s cubic-bezier(0.4, 0, 0.2, 1)}#loading-screen.fade-out{opacity:0;transform:scale(1.05);pointer-events:none}.framework-logo{font-size:2rem;font-weight:700;margin-bottom:1.5rem;font-family:"JetBrains Mono",monospace;color:var(--color-text)}.loading-dots{display:flex;gap:.4rem}.loading-dots div{width:6px;height:6px;background:var(--color-text);border-radius:50%;animation:loadingDot 1.4s ease-in-out infinite both}.loading-dots div:nth-child(1){animation-delay:-0.32s}.loading-dots div:nth-child(2){animation-delay:-0.16s}.loading-dots div:nth-child(3){animation-delay:0s}.navbar{position:fixed;top:0;width:100%;padding:.75rem 0;background:--color-surface;backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--color-border);transition:none}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.nav-logo{font-family:"JetBrains Mono",monospace;font-size:1.2rem;font-weight:700;color:var(--color-text)}.nav-menu{display:flex;list-style:none;gap:1.5rem}.nav-link{color:var(--color-text);text-decoration:none;padding:.4rem .8rem;border-radius:6px;transition:all .3s ease;font-size:.9rem}.nav-link:hover{background:var(--color-surface);transform:translateY(-1px)}.nav-link.active{background:var(--color-background-dark);font-weight:500}.page-hero{padding:.5rem 0 3rem 0;background:linear-gradient(135deg, var(--color-background) 0%, var(--color-background-dark) 100%);text-align:center;position:relative;margin-top:60px}.page-hero::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(180deg, transparent 0%, var(--color-surface) 100%);pointer-events:none}.hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg, var(--color-background) 0%, var(--color-background-dark) 100%);overflow:hidden}.hero-content{text-align:center;max-width:700px;padding:0 1.5rem;z-index:2;position:relative}.hero-title{font-size:clamp(2rem,6vw,4rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:var(--color-text)}.hero-title .hero-subtitle-small{display:block;font-size:1rem;color:var(--color-text-light);margin-bottom:.4rem}.hero-title .typing-text{display:block;color:var(--color-text)}.hero-title .hero-tagline{display:block;font-size:1.2rem;font-weight:300;color:var(--color-text-light);margin-top:.8rem}.hero-description{font-size:1rem;color:var(--color-text-light);margin-bottom:2rem}.hero-cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.cta-button{padding:.8rem 1.8rem;font-size:.95rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;min-width:160px;text-decoration:none;display:inline-block;text-align:center}.cta-button.primary{background:var(--color-text);color:var(--color-background)}.cta-button.primary:hover{background:var(--color-text-light);transform:translateY(-2px)}.cta-button.secondary{background:rgba(0,0,0,0);color:var(--color-text);border:2px solid var(--color-border)}.cta-button.secondary:hover{background:var(--color-surface);transform:translateY(-2px)}.building-section{padding:5rem 0;background:var(--color-surface)}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.section-title{font-size:2.2rem;text-align:center;margin-bottom:3rem;color:var(--color-text);font-weight:700}.building-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem}.building-card{background:#fff;padding:2rem 1.5rem;border-radius:12px;text-align:center;border:1px solid var(--color-border);transition:all .3s ease}.building-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(55,57,66,.1)}.building-card h3{font-size:1.3rem;color:var(--color-text);margin-bottom:.8rem}.building-card p{color:var(--color-text-light);font-size:.9rem}.card-icon{width:60px;height:60px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.card-icon .rotating-icon,.card-icon .pulsing-icon,.card-icon .floating-icon{width:45px;height:45px;background:var(--color-text);border-radius:8px}.card-icon .pulsing-icon{border-radius:50%}.card-icon .floating-icon{clip-path:polygon(50% 0%, 0% 100%, 100% 100%)}.access-section{padding:5rem 0;background:var(--color-background-dark)}.access-header{text-align:center;margin-bottom:3rem}.access-header .section-title{color:var(--color-text)}.access-header .section-subtitle{font-size:1rem;color:var(--color-text-light)}.interest-form{max-width:550px;margin:0 auto;background:#e2dcce;padding:2.5rem;border-radius:12px;border:1px solid var(--color-border)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.2rem}.form-group{margin-bottom:1.2rem}.form-group input,.form-group textarea{width:100%;padding:.8rem;background:#fff;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.9rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-light);opacity:.7}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-text)}select{width:100%;padding:.8rem;background:#fff;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.9rem}select:focus{outline:none;border-color:var(--color-text)}select option{background:#fff;color:var(--color-text)}.checkbox-group{margin:1.5rem 0}.checkbox-label{display:flex;align-items:center;margin-bottom:.8rem;cursor:pointer;font-size:.85rem;color:var(--color-text)}.checkbox-label input[type=checkbox]{display:none}.checkbox-label .checkmark{width:16px;height:16px;border:1px solid var(--color-border);border-radius:3px;background:#fff;margin-right:.8rem;position:relative;transition:all .3s ease}.checkbox-label .checkmark::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s ease}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--color-text);border-color:var(--color-text)}.checkbox-label input[type=checkbox]:checked+.checkmark::after{transform:rotate(45deg) scale(1)}.submit-button{width:100%;padding:1rem;background:var(--color-text);color:var(--color-background);border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer}.submit-button:hover{background:var(--color-text-light)}.fps-counter{position:fixed;top:15px;right:15px;background:#fff;color:var(--color-text);padding:6px 10px;border-radius:6px;font-family:"JetBrains Mono",monospace;font-size:10px;border:1px solid var(--color-border);z-index:10000}@keyframes loadingDot{0%,80%,100%{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media(max-width: 768px){.form-row{grid-template-columns:1fr}.hero-cta{flex-direction:column;align-items:center}.building-grid{grid-template-columns:1fr}.nav-menu{display:none}}.page-hero{padding:8rem 0 6rem 0;background:linear-gradient(135deg, var(--color-background) 0%, var(--color-background-dark) 30%, var(--color-surface) 100%);text-align:center;position:relative;margin-top:20px;overflow:hidden}.page-hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20px 20px, rgba(55, 57, 66, 0.03) 1px, transparent 1px);background-size:40px 40px;pointer-events:none}.page-hero::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:150px;background:linear-gradient(180deg, transparent 0%, var(--color-surface) 100%);pointer-events:none}.page-title{font-size:clamp(2rem,6vw,4rem);font-weight:800;margin-bottom:1.5rem;color:var(--color-text);letter-spacing:-0.02em;text-shadow:0 2px 4px rgba(55,57,66,.1)}.page-subtitle{font-size:1.4rem;color:var(--color-text-light);max-width:700px;margin:0 auto;font-weight:400;line-height:1.6}.mission-section{padding:8rem 0;background:var(--color-surface);position:relative}.mission-section::before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle, rgba(55, 57, 66, 0.03) 0%, transparent 70%);border-radius:50%;pointer-events:none}.mission-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:6rem;align-items:start}.mission-content .section-title{text-align:left;margin-bottom:3rem;font-size:3.2rem;font-weight:700;letter-spacing:-0.02em;line-height:1.1}.mission-content .section-title::after{content:"";display:block;width:80px;height:4px;background:linear-gradient(90deg, var(--color-text) 0%, var(--color-text-light) 100%);margin-top:2rem}.mission-text{font-size:1.2rem;line-height:1.8;color:var(--color-text-light);margin-bottom:2rem;font-weight:400}.mission-text:first-of-type{font-size:1.3rem;color:var(--color-text);font-weight:500}.mission-visual{display:grid;grid-template-columns:1fr;gap:2rem;position:relative}.mission-visual::before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:linear-gradient(135deg, rgba(55, 57, 66, 0.02) 0%, transparent 50%);border-radius:20px;z-index:0}.mission-card{background:#fff;padding:2.5rem;border-radius:16px;border:1px solid rgba(55,57,66,.08);text-align:left;position:relative;z-index:1;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 20px rgba(55,57,66,.04)}.mission-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(55,57,66,.12);border-color:rgba(55,57,66,.15)}.mission-card .card-icon{width:70px;height:70px;margin:0 0 2rem 0;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:16px;border:1px solid rgba(55,57,66,.1)}.mission-card .card-icon .icon-mission,.mission-card .card-icon .icon-security,.mission-card .card-icon .icon-scale{width:35px;height:35px;background:var(--color-text);border-radius:8px;position:relative}.mission-card .card-icon .icon-mission::after,.mission-card .card-icon .icon-security::after,.mission-card .card-icon .icon-scale::after{content:"";position:absolute;inset:4px;background:#fff;border-radius:4px}.mission-card h3{font-size:1.4rem;margin-bottom:1rem;color:var(--color-text);font-weight:600}.mission-card p{color:var(--color-text-light);font-size:1rem;line-height:1.6}.story-section{padding:8rem 0;background:--color-background;position:relative}.story-timeline{max-width:800px;margin:0 auto;position:relative;padding:2rem 0}.story-timeline::before{content:"";position:absolute;left:120px;top:0;bottom:0;width:3px;background:linear-gradient(180deg, #D6D0C4 0%, var(--color-border) 100%);border-radius:2px}.timeline-item{display:flex;margin-bottom:4rem;position:relative}.timeline-item::before{content:"";position:absolute;left:108px;top:12px;width:27px;height:27px;border-radius:50%;background:#fff;border:4px solid #e3ddd2;box-shadow:0 0 0 4px #fff,0 0 0 8px rgba(55,57,66,.1);z-index:2}.timeline-year{width:100px;font-family:"JetBrains Mono",monospace;font-weight:700;color:var(--color-text);font-size:1.3rem;padding-top:.5rem;text-align:right;padding-right:1rem}.timeline-content{flex:1;margin-left:2rem;background:#fff;padding:2.5rem;border-radius:16px;border-left:4px solid var(--color-text);box-shadow:0 8px 30px rgba(55,57,66,.08);position:relative}.timeline-content::before{content:"";position:absolute;left:-12px;top:20px;width:0;height:0;border-top:8px solid rgba(0,0,0,0);border-bottom:8px solid rgba(0,0,0,0);border-right:8px solid #fff}.timeline-content h3{color:var(--color-text);font-size:1.5rem;margin-bottom:1rem;font-weight:600}.timeline-content p{color:var(--color-text-light);line-height:1.7;font-size:1.05rem}.team-section{padding:8rem 0;background:--color-background;position:relative}.team-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 70% 20%, rgba(55, 57, 66, 0.02) 0%, transparent 50%),radial-gradient(circle at 30% 80%, rgba(55, 57, 66, 0.02) 0%, transparent 50%);pointer-events:none}.team-intro{text-align:center;font-size:1.2rem;color:var(--color-text-light);max-width:700px;margin:0 auto 4rem;line-height:1.7}.team-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:3rem;position:relative;z-index:1}.team-member{text-align:center;background:#fff;padding:3rem 2rem;border-radius:20px;border:1px solid rgba(55,57,66,.08);box-shadow:0 8px 30px rgba(55,57,66,.06);transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);position:relative}.team-member::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(55, 57, 66, 0.01) 0%, transparent 50%);border-radius:20px;opacity:0;transition:opacity .4s ease}.team-member:hover{transform:translateY(-12px);box-shadow:0 25px 50px rgba(55,57,66,.15)}.team-member:hover::before{opacity:1}.photo-placeholder{width:140px;height:140px;background:linear-gradient(135deg, var(--color-text) 0%, var(--color-text-light) 100%);border-radius:50%}.photo-placeholder img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.photo-placeholder{margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1rem;box-shadow:0 8px 25px rgba(55,57,66,.15);border:4px solid #fff}.team-member h3{color:var(--color-text);font-size:1.4rem;margin-bottom:.5rem;font-weight:600}.member-role{color:var(--color-text-light);font-weight:500;margin-bottom:1.5rem;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.member-bio{color:var(--color-text-light);font-size:1rem;line-height:1.6}.values-section{padding:8rem 0;background:--color-surface;position:relative}.values-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:3rem}.value-item{text-align:center;padding:3rem 2rem;background:#fff;border-radius:16px;border:1px solid rgba(55,57,66,.08);box-shadow:0 4px 20px rgba(55,57,66,.04);transition:all .3s ease;position:relative}.value-item::before{content:"";position:absolute;top:0;left:50%;width:60px;height:4px;background:var(--color-text);transform:translateX(-50%);border-radius:0 0 4px 4px}.value-item:hover{transform:translateY(-6px);box-shadow:0 12px 35px rgba(55,57,66,.12)}.value-item h3{color:var(--color-text);font-size:1.4rem;margin:2rem 0 1.5rem 0;font-weight:600}.value-item p{color:var(--color-text-light);line-height:1.7;font-size:1.05rem}.cta-section{padding:8rem 0;background:linear-gradient(135deg, var(--color-text) 0%, var(--color-text-light) 100%);text-align:center;position:relative;overflow:hidden}.cta-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);pointer-events:none}.cta-section .container{position:relative;z-index:1}.cta-section h2{font-size:3rem;color:#fff;margin-bottom:1.5rem;font-weight:700;letter-spacing:-0.02em}.cta-section p{font-size:1.3rem;color:hsla(0,0%,100%,.9);margin-bottom:3rem}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.cta-buttons .cta-button.primary{background:#fff;color:var(--color-text)}.cta-buttons .cta-button.primary:hover{background:var(--color-surface);transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.2)}.cta-buttons .cta-button.secondary{background:rgba(0,0,0,0);color:#fff;border:2px solid hsla(0,0%,100%,.8)}.cta-buttons .cta-button.secondary:hover{background:hsla(0,0%,100%,.1);border-color:#fff;transform:translateY(-3px)}@media(max-width: 1024px){.mission-grid{grid-template-columns:1fr;gap:4rem}.mission-content .section-title{text-align:center}}@media(max-width: 768px){.timeline-item{flex-direction:column;margin-left:2rem}.timeline-item .timeline-year{width:auto;text-align:left;margin-bottom:1rem;padding-right:0}.timeline-item .timeline-content{margin-left:0}.story-timeline::before{left:15px}.timeline-item::before{left:2px}.page-title{font-size:2.5rem}.mission-content .section-title{font-size:2.5rem}.cta-section h2{font-size:2.2rem}}.blog-card{background:#fff;border:1px solid #e3ddd2;padding:1.5rem;margin-bottom:2rem;border-radius:8px;transition:box-shadow .2s ease;cursor:pointer}.blog-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08)}.blog-card .blog-preview{color:inherit;text-decoration:none}.blog-card .blog-preview h1,.blog-card .blog-preview h2,.blog-card .blog-preview h3{margin-top:0}.blog-card .blog-preview p{margin-bottom:.5rem}.read-more{margin-top:1rem;font-size:.85rem;font-weight:600;color:#3f62a8;letter-spacing:.02em;text-transform:uppercase}.post-container{background:#fff;padding:2rem 2.5rem;margin:2rem auto;border-radius:12px;max-width:800px;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:box-shadow .2s ease}.post-container:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}.post-container h1,.post-container h2,.post-container h3{text-align:center;margin-bottom:1.5rem;color:var(--color-text)}.post-container p{line-height:1.7;color:var(--color-text-light);margin-bottom:1rem}.post-container img{max-width:100%;border-radius:8px;margin:1.5rem 0}.post-container code{background:#f4f4f4;padding:.2rem .4rem;border-radius:4px;font-family:"JetBrains Mono",monospace}
