:root{--v-blue-100:#e0f2fe;--v-blue-300:#7dd3fc;--v-blue-500:#0ea5e9;--v-blue-600:#0284c7;--v-blue-800:#075985;--v-blue-900:#0c4a6e;--v-accent-cyan:#06b6d4;--v-accent-indigo:#4f46e5;--v-gradient-primary:linear-gradient(135deg, var(--v-blue-500) 0%, var(--v-accent-indigo) 100%);--v-gradient-hover:linear-gradient(135deg, var(--v-blue-400) 0%, var(--v-accent-indigo) 80%);--v-gradient-text:linear-gradient(90deg, var(--v-blue-900) 0%, var(--v-accent-indigo) 50%, var(--v-blue-500) 100%);--v-gradient-glass:linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.4) 100%);--text-main:#0f172a;--text-muted:#475569;--bg-base:#f8fafc;--surface-glass:rgba(255, 255, 255, 0.65);--border-glass:rgba(255, 255, 255, 0.5);--font-display:'Outfit', sans-serif;--font-body:'Inter', sans-serif;--space-xs:0.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem;--space-xxl:12rem;--rad-sm:8px;--rad-md:16px;--rad-lg:24px;--rad-xl:32px;--rad-full:9999px;--shadow-sm:0 4px 6px -1px rgba(0, 0, 0, 0.03), 0 2px 4px -2px rgba(0, 0, 0, 0.03);--shadow-md:0 12px 24px -4px rgba(0, 0, 0, 0.05), 0 4px 12px -4px rgba(0, 0, 0, 0.03);--shadow-lg:0 25px 50px -12px rgba(0, 0, 0, 0.1);--shadow-glow:0 0 40px rgba(14, 165, 233, 0.2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;animation:float 20s infinite ease-in-out alternate}.orb-1{width:600px;height:600px;background:rgba(14,165,233,.15);top:-10%;left:-10%}.orb-2{width:500px;height:500px;background:rgba(79,70,229,.1);top:40%;right:-5%;animation-delay:-5s}.orb-3{width:800px;height:800px;background:rgba(224,242,254,.6);bottom:-20%;left:20%;animation-delay:-10s}@keyframes float{0%{transform:translate(0,0)scale(1)}50%{transform:translate(30px,-50px)scale(1.05)}100%{transform:translate(-20px,20px)scale(.95)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;color:var(--text-main);letter-spacing:-.03em;margin-bottom:var(--space-sm)}h1{font-size:clamp(3rem,7vw,5.5rem);font-weight:800}h2{font-size:clamp(2.5rem,5vw,4rem)}h3{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600}p{font-size:1.125rem;color:var(--text-muted);max-width:65ch;margin-bottom:var(--space-sm);font-weight:400}a{text-decoration:none;color:var(--v-blue-600);transition:all .3s cubic-bezier(.4,0,.2,1)}.text-gradient{background:var(--v-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-md)}.section{padding:var(--space-xl)0}.section--lg{padding:var(--space-xxl)0}.site-header{padding:1.5rem 0;position:sticky;top:0;z-index:1000;background:rgba(248,250,252,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.8)}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:.75rem;letter-spacing:-.02em}.logo-icon{width:36px;height:36px;background:var(--v-gradient-primary);border-radius:10px;clip-path:polygon(50% 100%,0 0,20% 0,50% 60%,80% 0,100% 0);display:inline-block;box-shadow:var(--shadow-glow)}.main-nav{display:flex;gap:2.5rem;align-items:center}.nav-link{color:var(--text-muted);font-weight:500;font-size:1rem;position:relative;padding:.5rem 0}.nav-link:hover{color:var(--text-main)}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--v-gradient-primary);transition:width .3s cubic-bezier(.4,0,.2,1);border-radius:2px}.nav-link:hover::after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1.125rem 2.5rem;border-radius:var(--rad-full);font-family:var(--font-display);font-weight:600;font-size:1.125rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;letter-spacing:.01em}.btn--primary{background:var(--v-gradient-primary);color:#fff;box-shadow:0 10px 20px -5px rgba(14,165,233,.4);position:relative;overflow:hidden}.btn--primary::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.btn--primary:hover{transform:translateY(-3px);box-shadow:0 15px 25px -5px rgba(14,165,233,.5);color:#fff}.btn--primary:hover::before{opacity:1}.btn--outline{background:rgba(255,255,255,.5);backdrop-filter:blur(10px);color:var(--text-main);border:1px solid rgba(14,165,233,.3);box-shadow:var(--shadow-sm)}.btn--outline:hover{background:#fff;border-color:var(--v-blue-500);transform:translateY(-3px);box-shadow:var(--shadow-md)}.glass-card{background:var(--v-gradient-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);border-radius:var(--rad-xl);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 50%);z-index:0;pointer-events:none}.glass-card>*{position:relative;z-index:1}.glass-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:rgba(255,255,255,.8)}.badge{background:var(--v-blue-100);color:var(--v-blue-800);padding:.5rem 1.25rem;border-radius:var(--rad-full);font-size:.875rem;font-family:var(--font-display);font-weight:600;letter-spacing:.02em;display:inline-block}.hero{min-height:90vh;display:flex;align-items:center;position:relative;padding:var(--space-xl)0}.hero-content{max-width:800px;position:relative;z-index:2;text-align:center;margin:0 auto}.hero-badge{margin-bottom:var(--space-md);animation:fadeUp .8s ease backwards}.hero-title{margin-bottom:var(--space-sm);animation:fadeUp .8s ease backwards .1s}.hero-subtitle{font-size:clamp(1.25rem,2vw,1.5rem);color:var(--text-muted);margin:0 auto var(--space-lg);max-width:700px;animation:fadeUp .8s ease backwards .2s}.hero-cta{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;animation:fadeUp .8s ease backwards .3s}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-md);margin-top:var(--space-lg)}.bento-item{border-radius:var(--rad-xl);padding:var(--space-md);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;text-decoration:none;color:inherit;background:#fff;border:1px solid rgba(0,0,0,3%);box-shadow:var(--shadow-sm);transition:all .4s cubic-bezier(.4,0,.2,1);min-height:300px}.bento-item:hover{transform:scale(1.02);box-shadow:var(--shadow-lg);z-index:10}.bento-icon{width:50px;height:50px;background:var(--v-blue-100);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--v-blue-600);font-size:1.5rem;margin-bottom:var(--space-md);transition:all .3s}.bento-item:hover .bento-icon{background:var(--v-gradient-primary);color:#fff;transform:rotate(5deg)scale(1.1)}.bento-title{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-main)}.bento-desc{font-size:1rem;color:var(--text-muted);margin:0}.col-span-12{grid-column:span 12}.col-span-8{grid-column:span 8}.col-span-6{grid-column:span 6}.col-span-4{grid-column:span 4}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}.about-image{width:100%;height:600px;object-fit:cover;border-radius:var(--rad-xl);box-shadow:var(--shadow-lg)}.site-footer{background:#fff;padding:var(--space-xl)0 var(--space-md);border-top:1px solid rgba(0,0,0,5%);margin-top:var(--space-xl)}.footer-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-bottom:var(--space-lg)}.footer-col h4{font-size:1.5rem;margin-bottom:var(--space-md)}.footer-bottom{text-align:center;padding-top:var(--space-md);border-top:1px solid rgba(0,0,0,5%);font-size:.875rem;color:var(--text-muted)}.page-hero{padding:12rem 0 6rem;text-align:center;background:radial-gradient(circle at top center,rgba(14,165,233,5%) 0%,transparent 60%)}.content-wrapper{max-width:800px;margin:0 auto;font-size:1.125rem;background:#fff;padding:var(--space-xl);border-radius:var(--rad-xl);box-shadow:var(--shadow-md);margin-top:-3rem;position:relative;z-index:10}.content-wrapper h2,.content-wrapper h3{margin-top:2.5rem}.content-wrapper ul{padding-left:1.5rem;margin-bottom:1.5rem}.content-wrapper li{margin-bottom:.5rem;color:var(--text-muted)}@media(max-width:992px){.bento-grid{grid-template-columns:1fr}.col-span-8,.col-span-6,.col-span-4{grid-column:span 1}.about-grid{grid-template-columns:1fr}.about-image{height:400px}}@media(max-width:768px){.hero-title{font-size:2.5rem}.main-nav{display:none}.glass-card{padding:var(--space-md)}}@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}