:root{--bg-main: #fafafa;--bg-card: #ffffff;--bg-card-hover: rgba(139, 92, 246, .1);--text-main: #1a1a1a;--text-muted: #666666;--primary: #8b5cf6;--primary-hover: #7c3aed;--border: rgba(0, 0, 0, .08);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", sans-serif}[data-theme=dark]{--bg-main: #0a0a0a;--bg-card: #141414;--bg-card-hover: rgba(139, 92, 246, .15);--text-main: #ffffff;--text-muted: #a0a0a0;--border: rgba(255, 255, 255, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}.hero-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center;padding:var(--space-lg)}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.floating-circle{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 8s ease-in-out infinite}.circle-1{width:400px;height:400px;background:var(--primary);top:-100px;right:-100px;animation-delay:0s}.circle-2{width:300px;height:300px;background:#ec4899;bottom:-50px;left:-50px;animation-delay:-4s}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.05)}}.hero-content{position:relative;z-index:1}.hero-subtitle{margin-bottom:var(--space-sm)}.hero-tag{display:inline-block;padding:.5rem 1rem;background:#8b5cf633;border-radius:20px;font-size:.9rem;font-weight:500;color:var(--primary)}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,10vw,6rem);font-weight:900;letter-spacing:-2px;margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--text-main) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-float{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.bento-container{max-width:1200px;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.section-title{font-family:var(--font-display);font-size:2.5rem;font-weight:700;margin-bottom:var(--space-xl);text-align:center}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.bento-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1!important}.row-span-2{grid-row:span 1!important}}.bento-tile{position:relative;display:flex;flex-direction:column;background:var(--bg-card);border-radius:20px;overflow:hidden;border:1px solid var(--border);transition:transform .3s ease,box-shadow .3s ease;min-height:200px}.bento-tile:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000026}.bento-tile.glass{background:#8b5cf60d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bento-tile.primary-accent{background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,var(--bg-card) 100%)}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.row-span-1{grid-row:span 1}.row-span-2{grid-row:span 2}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;padding:1rem;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;z-index:90;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center;transition:opacity .3s,transform .3s}.scroll-to-top:hover{transform:scale(1.1)}