.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%}.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{--skill-glow:rgba(139,92,246,0.28);width:112px;height:112px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:relative;z-index:2;isolation:isolate}.skill-icon:before{content:"";position:absolute;inset:20px;border-radius:50%;background:var(--skill-glow);filter:blur(18px);opacity:.9;z-index:-1;transition:opacity .4s ease,transform .4s ease}.skill-icon-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:1;filter:drop-shadow(0 12px 14px rgba(15,23,42,.2));transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .4s ease}.skill-card:hover .skill-icon{transform:translateY(-5px)}.skill-card:hover .skill-icon:before{opacity:1;transform:scale(1.15)}.skill-card:hover .skill-icon-image{filter:drop-shadow(0 16px 18px rgba(15,23,42,.25))}.skill-motion{position:absolute;pointer-events:none;z-index:2}.skill-motion--listening{left:50%;top:50%;width:26px;height:25px;display:flex;align-items:center;justify-content:center;gap:2px;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s ease}.skill-motion--listening span{width:3px;height:13px;border-radius:999px;background:linear-gradient(180deg,#67e8f9,#8b5cf6);box-shadow:0 0 6px rgba(103,232,249,.75);transform:scaleY(.35)}.skill-motion--listening span:first-child,.skill-motion--listening span:nth-child(5){height:8px}.skill-motion--listening span:nth-child(2),.skill-motion--listening span:nth-child(4){height:17px}.skill-motion--listening span:nth-child(3){height:23px}.skill-card:hover .skill-icon--listening .skill-icon-image{animation:listening-breathe .9s ease-in-out both}.skill-card:hover .skill-motion--listening{opacity:.95}.skill-card:hover .skill-motion--listening span{animation:listening-wave .72s ease-in-out infinite alternate}.skill-card:hover .skill-motion--listening span:nth-child(2),.skill-card:hover .skill-motion--listening span:nth-child(4){animation-delay:.1s}.skill-card:hover .skill-motion--listening span:nth-child(3){animation-delay:.2s}.skill-motion--reading{inset:0;width:100%;height:100%;perspective:160px}.skill-motion--reading img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;clip-path:polygon(50% 29%,61% 20%,77% 17%,87% 62%,78% 66%,50% 72%);opacity:0;transform-origin:50% 52%;backface-visibility:hidden;filter:drop-shadow(2px 3px 3px rgba(30,41,59,.12))}.skill-card:hover .skill-motion--reading img{animation:reading-page-flutter .5s cubic-bezier(.42,0,.28,1) both}.skill-card:hover .skill-motion--reading img:nth-child(2){animation-delay:.19s}.skill-card:hover .skill-motion--reading img:nth-child(3){animation-delay:.38s}.skill-card:hover .skill-motion--reading img:nth-child(4){animation-delay:.57s}.skill-card:hover .skill-motion--reading img:nth-child(5){animation-delay:.76s}.skill-card:hover .skill-motion--reading img:nth-child(6){animation-delay:.95s}.skill-motion--writing{inset:0;width:100%;height:100%}.skill-icon--writing>.skill-icon-image{transform:translateY(14px)}.skill-writing-pen{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:42% 82%;filter:drop-shadow(0 8px 8px rgba(15,23,42,.18))}.skill-card:hover .skill-writing-pen{animation:writing-pen-motion 2s cubic-bezier(.35,0,.2,1) both}.skill-motion--speaking{inset:0;width:100%;height:100%;overflow:visible}.skill-motion--speaking path{fill:none;stroke:#fbbf24;stroke-width:3;stroke-linecap:round;stroke-dasharray:28;stroke-dashoffset:28;opacity:0;filter:drop-shadow(0 0 4px rgba(245,158,11,.65))}.skill-card:hover .skill-icon--speaking .skill-icon-image{transform-origin:50% 82%;animation:microphone-sway .9s ease-in-out both}.skill-card:hover .skill-motion--speaking path{animation:speaking-wave .9s ease-out both}@keyframes listening-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes listening-wave{0%{transform:scaleY(.32)}to{transform:scaleY(1)}}@keyframes reading-page-flutter{0%{opacity:0;transform:rotateY(0deg) translateX(0)}10%{opacity:.94}44%{opacity:.96;transform:rotateY(-74deg) translateX(-1px)}72%{opacity:.6;transform:rotateY(-92deg) translateX(-2px)}to{opacity:0;transform:rotateY(-98deg) translateX(-3px)}}@keyframes writing-pen-motion{0%,8%,to{transform:translate(0) rotate(0deg)}22%{transform:translate(3px,1px) rotate(.9deg)}36%{transform:translate(-1px,3px) rotate(-.6deg)}50%{transform:translate(4px,4px) rotate(1deg)}64%{transform:translateY(6px) rotate(-.5deg)}78%{transform:translate(4px,7px) rotate(.8deg)}92%{transform:translate(1px,2px) rotate(0deg)}}@keyframes microphone-sway{0%,to{transform:rotate(0deg) scale(1)}28%{transform:rotate(-3.5deg) scale(1.015)}62%{transform:rotate(3deg) scale(1.02)}}@keyframes speaking-wave{0%{stroke-dashoffset:28;opacity:0}28%{opacity:.95}72%{stroke-dashoffset:0;opacity:.95}to{stroke-dashoffset:0;opacity:0}}.skill-icon--listening{--skill-glow:rgba(139,92,246,0.34)}.skill-icon--reading{--skill-glow:rgba(59,130,246,0.3)}.skill-icon--writing{--skill-glow:rgba(251,113,133,0.3)}.skill-icon--speaking{--skill-glow:rgba(245,158,11,0.32)}.skill-icon--disabled{filter:grayscale(.8);opacity:.65}.skill-card--disabled:hover .skill-icon{transform:none!important}@media (prefers-reduced-motion:reduce){.skill-card:hover .skill-icon,.skill-card:hover .skill-icon:before{animation:none!important;transform:none;transition:none}.skill-card:hover .skill-icon-image{animation:none!important;transition:none}.skill-motion{display:none}}.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:104px;height:104px;margin-bottom:8px}.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:104px;height:104px}.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}}