@keyframes aurora-float{0%,to{transform:translate(0,0) scale(1)}25%{transform:translate(50px,-30px) scale(1.1)}50%{transform:translate(-20px,40px) scale(.95)}75%{transform:translate(-40px,-20px) scale(1.05)}}:root{--bg-deep:#08020d;--bg-card:rgba(20, 10, 35, .3);--bg-card-hover:rgba(30, 15, 50, .4);--accent-primary:#7F00FF;--accent-secondary:#00F0FF;--accent-glow:rgba(127, 0, 255, .4);--text-primary:#F0F0F0;--text-secondary:#8F8F9F;--border-subtle:rgba(127, 0, 255, .15);--border-active:rgba(127, 0, 255, .4);--border-top-glow:rgba(255, 255, 255, .1);--font-heading:'Outfit', sans-serif;--font-body:'Space Grotesk', sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--transition-fast:.2s ease;--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:300;background:var(--bg-deep);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}.aurora-container,.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.noise-overlay{pointer-events:none;z-index:1000;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.aurora-container{z-index:-1;overflow:hidden}.aurora-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:aurora-float 20s ease-in-out infinite}.aurora-1{width:600px;height:600px;background:radial-gradient(circle,var(--accent-primary) 0%,transparent 70%);top:-20%;left:-10%;animation-delay:0s}.aurora-2{width:500px;height:500px;background:radial-gradient(circle,var(--accent-secondary) 0%,transparent 70%);top:40%;right:-15%;animation-delay:-7s;animation-duration:25s}.aurora-3{width:400px;height:400px;background:radial-gradient(circle,#5000aa 0,transparent 70%);bottom:-10%;left:30%;animation-delay:-14s;animation-duration:22s}.header,.logo{display:flex;align-items:center}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--spacing-md) var(--spacing-lg);justify-content:center}.logo{gap:var(--spacing-sm);text-decoration:none;color:var(--text-primary);transition:transform var(--transition-fast)}.logo:hover{transform:scale(1.02)}.logo-icon,.logo-img{width:40px;height:40px}.logo-img{object-fit:contain}.logo-text{font-family:var(--font-heading);font-weight:700;font-size:1.5rem;letter-spacing:-.02em}.hero{min-height:35vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:calc(80px + var(--spacing-xl)) var(--spacing-lg) var(--spacing-lg)}.hero-title{font-family:var(--font-heading);font-weight:900;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--spacing-sm)}.text-accent{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.1rem;color:var(--text-secondary);font-weight:300}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:var(--spacing-md);padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.bento-large{grid-column:span 2;grid-row:span 1}.bento-tall{grid-row:span 2}.bento-small,.bento-tall{grid-column:span 1}.bento-card{position:relative;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);border-top-color:var(--border-top-glow);padding:var(--spacing-lg);overflow:hidden;transition:transform var(--transition-smooth),border-color var(--transition-fast),box-shadow var(--transition-smooth);transform-style:preserve-3d;cursor:pointer}.bento-card:hover{border-color:var(--border-active);box-shadow:0 20px 60px -20px var(--accent-glow),0 0 40px -20px var(--accent-glow)}.card-glow{position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--accent-glow) 0%,transparent 60%);opacity:0;transition:opacity var(--transition-smooth);pointer-events:none;z-index:0}.bento-card:hover .card-glow{opacity:.3}.card-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.card-tag{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-secondary);background:rgba(0,240,255,.1);padding:.3rem .8rem;border-radius:20px}.card-icon{width:32px;height:32px;color:var(--accent-primary);opacity:.7;transition:opacity var(--transition-fast),transform var(--transition-fast)}.bento-card:hover .card-icon{opacity:1;transform:scale(1.1)}.card-title,.card-title-small{font-family:var(--font-heading);font-weight:700}.card-title{font-size:1.8rem;margin-bottom:var(--spacing-xs);letter-spacing:-.02em}.card-title-small{font-size:1.2rem;margin-bottom:var(--spacing-sm)}.card-description{color:var(--text-secondary);font-size:.95rem;flex-grow:1;margin-bottom:var(--spacing-md)}.card-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--text-primary);text-decoration:none;font-weight:500;font-size:.95rem;transition:color var(--transition-fast);margin-top:auto}.card-link:hover{color:var(--accent-primary)}.card-link-disabled{color:var(--text-secondary);cursor:default}.link-arrow{width:20px;height:20px;transition:transform var(--transition-fast)}.card-link:hover .link-arrow{transform:translateX(6px)}.bento-social .card-content{justify-content:center;align-items:center;text-align:center}.social-link,.social-links{display:flex;justify-content:center}.social-links{gap:var(--spacing-md)}.social-link{align-items:center;width:48px;height:48px;border-radius:50%;background:rgba(127,0,255,.1);border:1px solid var(--border-subtle);color:var(--text-primary);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.social-link:hover{background:rgba(127,0,255,.2);border-color:var(--accent-primary);transform:translateY(-3px)}.social-link svg{width:22px;height:22px}.footer{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);color:var(--text-secondary);font-size:.85rem}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-tall{grid-row:span 1}}@media (max-width:768px){:root{--spacing-lg:1.5rem;--spacing-md:1rem}.bento-grid{grid-template-columns:1fr;padding:var(--spacing-md);gap:var(--spacing-md)}.bento-large,.bento-small,.bento-tall{grid-column:span 1;grid-row:span 1}.hero{min-height:30vh;padding-top:calc(70px + var(--spacing-lg))}.hero-title{font-size:clamp(2rem,8vw,3rem)}.card-title{font-size:1.5rem}.bento-card{padding:var(--spacing-md)}}@media (max-width:480px){.header{padding:var(--spacing-sm)}.logo-text{font-size:1.25rem}.social-links{gap:var(--spacing-sm)}.social-link{width:44px;height:44px}}.bento-card:focus-visible,.card-link:focus-visible,.logo:focus-visible,.social-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.aurora-blob{animation:none}}