.landing-layout{color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-body);min-height:100vh;position:relative}.landing-bg{background:linear-gradient(135deg,#4f46e5,#8b5cf6 50%,#6366f1);bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.landing-main{align-items:center;display:flex;flex:1;justify-content:center;padding:var(--space-lg);position:relative;z-index:1}.landing-card{animation:slideUp .6s ease-out;background:var(--color-white);border-radius:2rem;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:700px;opacity:1;padding:3rem 2.5rem;width:100%}.card-avatar{animation:bounce .6s ease-out .2s both;display:block;font-size:3.5rem;margin-bottom:var(--space-lg);text-align:center}.logo-mark{display:block;height:100px;margin:0 auto;-o-object-fit:contain;object-fit:contain;width:100px}.hero-section{margin-bottom:var(--space-lg);text-align:center}.hero-title{color:#1f2937;font-size:2.5rem;font-weight:var(--font-weight-extrabold);line-height:var(--line-height-heading);margin:0 0 var(--space-sm) 0;word-break:break-word}.hero-subtitle{color:#6b7280;font-size:1.125rem;font-weight:var(--font-weight-medium);line-height:var(--line-height-loose);margin:0}.subtitle-link{color:#6366f1;text-decoration:none;transition:color var(--transition-base)}.subtitle-link:hover{color:#4f46e5;text-decoration:underline}.subtitle-link:focus{border-radius:2px;outline:2px solid #6366f1;outline-offset:2px}.landing-features{animation:fadeInUp .6s ease-out .4s both;display:grid;gap:var(--space-lg);grid-template-columns:repeat(3,1fr);margin-top:var(--space-2xl)}.feature{text-align:center}.feature-badge{align-items:center;background:linear-gradient(135deg,#e0e7ff,#f3e8ff);border-radius:50%;display:inline-flex;font-size:1.75rem;height:4rem;justify-content:center;margin:0 auto var(--space-md);width:4rem}.feature-title{color:#1f2937;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0}.feature-description{color:#6b7280;font-size:var(--font-size-small);line-height:var(--line-height-normal);margin:0}.landing-projects{background:#fff;margin-top:var(--space-2xl);padding:var(--space-2xl)}.projects-wrapper{margin:0 auto;max-width:var(--container-xl)}.projects-title{color:var(--color-text);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2xl) 0;text-align:center}.projects-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-card{align-items:center;background-color:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-lg);text-decoration:none;transition:all var(--transition-normal)}.project-card:hover{background-color:#eef2ff;border-color:#6366f1;box-shadow:0 10px 25px rgba(99,102,241,.1);transform:translateX(4px)}.project-card:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.project-card-content{flex:1;text-align:left}.project-name{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0}.project-domain{color:var(--color-text-light);font-family:Monaco,Courier New,monospace;font-size:var(--font-size-small);margin:0;word-break:break-all}.project-arrow{color:#6366f1;font-size:var(--font-size-xl);margin-left:var(--space-md);transition:transform var(--transition-base)}.project-card:hover .project-arrow{transform:translateX(4px)}.landing-footer{background:#1f2937;color:#fff;padding:var(--space-lg);text-align:center}.landing-footer p{font-size:var(--font-size-small);line-height:var(--line-height-loose);margin:0}.footer-link{color:#93c5fd;text-decoration:none;transition:color var(--transition-base)}.footer-link:hover{color:#dbeafe;text-decoration:underline}.footer-link:focus{border-radius:2px;outline:2px solid #93c5fd;outline-offset:2px}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.landing-container{padding:var(--space-lg)}.landing-hero{padding:var(--space-xl) 0}.hero-title{font-size:clamp(1.75rem,6vw,2.5rem)}.hero-subtitle{font-size:var(--font-size-lg)}.landing-features{margin:var(--space-2xl) 0}.landing-features,.projects-grid{gap:var(--space-md);grid-template-columns:1fr}.project-card{padding:var(--space-md)}}@media (prefers-reduced-motion:reduce){.feature,.landing-features,.landing-footer,.landing-hero,.landing-projects,.project-card{animation:none!important;transition:none!important}}