.page-header{padding:var(--space-32) 0 var(--space-12);background:linear-gradient(165deg,var(--color-bg) 0%,#EDF4F8 60%,var(--color-accent-lighter) 100%);text-align:center}.page-header .section-label{margin-bottom:var(--space-3)}.page-header h1{font-family:var(--font-body);font-size:var(--text-5xl);font-weight:700;line-height:var(--leading-tight);color:var(--color-text-primary);margin-bottom:var(--space-4)}.page-header p{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:560px;margin:0 auto;line-height:var(--leading-normal)}.page-body{padding:var(--space-16) 0 var(--space-24)}.page-content{max-width:760px;margin:0 auto;padding:0 var(--space-6)}.page-content h2{font-family:var(--font-body);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-top:var(--space-12);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.page-content h2:first-child{margin-top:0}.page-content h3{font-family:var(--font-body);font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin-top:var(--space-8);margin-bottom:var(--space-3)}.page-content p{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.page-content ul{padding-left:var(--space-6);margin-bottom:var(--space-4)}.page-content li{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-secondary);margin-bottom:var(--space-2);list-style:disc}.page-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.page-content a:hover{color:var(--color-accent-dark)}.page-content strong{color:var(--color-text-primary);font-weight:600}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-8)}.about-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) ease}.about-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.about-card-icon{font-size:2rem;margin-bottom:var(--space-4)}.about-card h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2);margin-top:0;border:none;padding:0}.about-card p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:0}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(165deg,var(--color-bg) 0%,#EDF4F8 60%,var(--color-accent-lighter) 100%)}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-10);max-width:440px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.auth-card img{width:80px;height:80px;border-radius:18px;box-shadow:0 8px 20px #0000001a;margin-bottom:var(--space-8)}.auth-card h1{font-family:var(--font-body);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4)}.auth-card p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:var(--leading-normal)}.auth-card .btn{width:100%;padding:var(--space-4);margin-bottom:var(--space-4)}.auth-back-link{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-4)}.auth-back-link:hover{color:var(--color-accent)}.mobile-hint{display:none;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-gray-100);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted)}.mobile-hint.visible{display:block}@media(max-width:768px){.page-header h1{font-size:var(--text-4xl)}.page-header{padding:var(--space-24) 0 var(--space-8)}.about-grid{grid-template-columns:1fr}.page-content{padding:0 var(--space-4)}.auth-card{padding:var(--space-8) var(--space-6)}}