.home-container{z-index:1;max-width:800px;padding:var(--spacing-lg) var(--spacing-md);flex-direction:column;align-items:center;min-height:100vh;margin:0 auto;display:flex;position:relative}.hero{text-align:center;padding:var(--spacing-xl) 0 var(--spacing-lg);width:100%;position:relative}.hero:before{content:"";pointer-events:none;opacity:.07;border-radius:var(--radius-lg);background:repeating-linear-gradient(60deg,#0000,#0000 12px,#4a3c2880 12px 13px),repeating-linear-gradient(-60deg,#0000,#0000 12px,#4a3c2880 12px 13px),repeating-linear-gradient(0deg,#0000,#0000 20px,#4a3c284d 20px 21px);position:absolute;inset:0}.hero-title{color:var(--color-text);text-shadow:0 1px #ffffff26,0 2px 4px #4a3c2826;letter-spacing:-.02em;font-size:3.25rem;font-weight:700;position:relative}.hero-subtitle{color:var(--color-text-secondary);margin-top:var(--spacing-sm);font-size:1.125rem;font-weight:400;position:relative}.nav-cards{gap:var(--spacing-lg);width:100%;margin-top:var(--spacing-xl);display:flex}.nav-card{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:inherit;cursor:pointer;background-image:linear-gradient(135deg,#ffffff0f 0%,#0000 40% 60%,#4a3c280a 100%);flex-direction:column;flex:1;align-items:center;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .15s;display:flex}.nav-card:hover{box-shadow:var(--shadow-lg);background-color:var(--color-surface-hover);color:inherit;text-decoration:none;transform:translateY(-4px)}.nav-card:active{box-shadow:var(--shadow-md);transform:translateY(-1px)}.nav-card-icon{margin-bottom:var(--spacing-md);font-size:3rem;line-height:1}.nav-card-title{color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:1.25rem;font-weight:600}.nav-card-desc{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.about-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);text-align:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:640px;box-shadow:var(--shadow-sm);background-image:linear-gradient(135deg,#ffffff0f 0%,#0000 40% 60%,#4a3c280a 100%)}.about-section h2{color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:1.125rem;font-weight:600}.about-section p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}@media (width<=560px){.nav-cards{gap:var(--spacing-md);flex-direction:column}.hero-title{font-size:2.5rem}.nav-card{padding:var(--spacing-lg) var(--spacing-md)}}