.home-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);font-family:var(--app-font);transition:all .3s ease}[data-theme=dark] .home-page{background:var(--bg-primary)}.hero-section{text-align:center;margin-bottom:48px}.hero-title{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:16px;line-height:1.2;background:linear-gradient(135deg,var(--accent-color),var(--success-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:48px 24px;width:100%}.footer-watermark{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--text-secondary);opacity:.38;text-align:center;pointer-events:none;line-height:1.3;letter-spacing:.08em;padding:4px 10px;z-index:40;backdrop-filter:blur(8px);white-space:nowrap}.skill-layout .footer-watermark{left:calc(50vw + 140px)}.skill-layout.sidebar-collapsed .footer-watermark{left:calc(50vw + 28px)}.skill-layout.sidebar-hidden .footer-watermark{left:50%}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:48px;max-width:900px;margin-left:auto;margin-right:auto}.skill-card{padding:32px 28px;text-align:center;cursor:pointer;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:20px;min-height:340px}.skill-card--disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .skill-card--disabled{opacity:.45}.skill-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 20px;transition:all .4s ease;position:relative;z-index:2;box-shadow:0 8px 25px rgba(0,0,0,.15)}.skill-card:hover .skill-icon{transform:scale(1.1) translateY(-2px);box-shadow:0 12px 35px rgba(0,0,0,.2)}.skill-icon--listening{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:white}.skill-icon--reading{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:white}.skill-icon--writing{background:linear-gradient(135deg,#10b981,#4ade80);color:white}.skill-icon--speaking{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:white}.skill-icon--disabled{background:linear-gradient(135deg,#9ca3af,#d1d5db)!important;color:rgba(255,255,255,.8)!important;box-shadow:0 4px 15px rgba(0,0,0,.1)!important}.skill-card--disabled:hover .skill-icon{transform:none!important;box-shadow:0 4px 15px rgba(0,0,0,.1)!important}.skill-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:12px;z-index:2;position:relative}.skill-description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:20px;z-index:2;position:relative}.skill-card--disabled .skill-title{color:var(--text-muted)}.skill-card--disabled .skill-description{color:var(--text-muted);opacity:.7}.skill-status{margin-top:auto;z-index:2;position:relative}.status-badge{font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge,.status-badge--coming-soon{letter-spacing:.08em}@media (max-width:768px){.skills-grid{grid-template-columns:1fr;gap:20px;max-width:350px}.skill-card{padding:28px 20px;min-height:320px}.skill-icon{width:70px;height:70px;font-size:32px;margin-bottom:16px}.skill-title{font-size:20px}.skill-description{font-size:13px;margin-bottom:16px}.skills-grid{grid-template-columns:1fr;gap:24px;max-width:400px}.skill-card{padding:32px 24px}.skill-icon{width:80px;height:80px;font-size:36px}.skill-title{font-size:24px}.skill-description{font-size:14px}.main-content{padding:32px 16px}.hero-title{font-size:28px}.hero-description{font-size:16px}.footer-watermark{bottom:14px;font-size:9px;max-width:calc(100% - 48px);padding:4px 8px;letter-spacing:.06em;left:50%}}@media (max-width:960px){.skill-layout .footer-watermark{left:50%}}