@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--bg-primary:#fff;--bg-secondary:#fafafa;--bg-bento:#f5f5f5;--text-primary:#111;--text-secondary:#555;--accent:#000;--border-color:#eaeaea;--shadow-sm:0 4px 6px -1px #0000000d;--shadow-lg:0 10px 25px -3px #0000001a;--radius-lg:24px;--radius-xl:32px}html.dark{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-bento:#1a1a1a;--text-primary:#fff;--text-secondary:#a0a0a0;--accent:#fff;--border-color:#2a2a2a;--shadow-sm:0 4px 6px -1px #00000080;--shadow-lg:0 10px 25px -3px #000c}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Playfair Display,serif;font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:Inter,sans-serif}.app-container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{justify-content:space-between;align-items:center;padding:32px 0;display:flex}.navbar .brand{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.navbar .nav-controls{align-items:center;gap:16px;display:flex}.navbar .nav-controls button{background:var(--bg-bento);color:var(--text-primary);border:1px solid var(--border-color);border-radius:50px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:all .2s;display:flex}.navbar .nav-controls button:hover{background:var(--text-primary);color:var(--bg-primary)}.navbar .nav-controls .icon-btn{border-radius:50%;padding:10px}.hero-section{text-align:left;padding:80px 0}.hero-section .greeting{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:24px;font-size:.875rem;display:flex}.hero-section .greeting:before{content:"";background-color:var(--text-primary);border-radius:50%;width:8px;height:8px}.hero-section h1{margin-bottom:32px;font-size:clamp(3rem,6vw,6rem);line-height:1.1}.hero-section h1 .highlight{color:var(--text-secondary);font-style:italic}.hero-section .desc{color:var(--text-secondary);max-width:600px;margin-bottom:48px;font-size:1.25rem;line-height:1.6}.hero-section .cta-group{gap:16px;display:flex}.hero-section .cta-group .btn-primary{background:var(--text-primary);color:var(--bg-primary);border-radius:50px;padding:16px 32px;font-size:1rem;font-weight:500;transition:transform .2s}.hero-section .cta-group .btn-primary:hover{transform:scale(1.05)}.hero-section .cta-group .btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:0 0;border-radius:50px;padding:16px 32px;font-size:1rem;font-weight:500;transition:all .2s}.hero-section .cta-group .btn-secondary:hover{background:var(--bg-bento)}.bento-grid{grid-template-columns:repeat(4,1fr);gap:24px;padding-bottom:120px;display:grid}.bento-card{background:var(--bg-bento);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex-direction:column;padding:32px;display:flex;position:relative;overflow:hidden}.bento-card h3{margin-bottom:16px;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600}.bento-card p{color:var(--text-secondary);line-height:1.5}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.row-span-2{grid-row:span 2}@media (width<=900px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.bento-grid{grid-template-columns:1fr}.col-span-2,.col-span-3,.col-span-4,.row-span-2{grid-area:span 1/span 1}}.nav-link-btn:hover{background:var(--text-primary)!important;color:var(--bg-primary)!important}