:root{--primary-color:#667eea;--secondary-color:#764ba2;--text-color:#2d3436;--light-text:#636e72;--border-color:#e0e0e0;--card-bg:white;--hero-bg:linear-gradient(135deg,#667eea,#764ba2)}body{background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-color);margin:0;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-30px);opacity:0}to{transform:translateX(0);opacity:1}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-slide-in{animation:slideIn .4s ease-out forwards}.nav-item:first-child{animation-delay:.1s}.nav-item:nth-child(2){animation-delay:.2s}.nav-item:nth-child(3){animation-delay:.3s}.nav-item:nth-child(4){animation-delay:.4s}.nav-item:nth-child(5){animation-delay:.5s}.tab:first-child{animation-delay:.2s}.tab:nth-child(2){animation-delay:.3s}.tab:nth-child(3){animation-delay:.4s}.tab:nth-child(4){animation-delay:.5s}.tab:nth-child(5){animation-delay:.6s}.note-post:first-child{animation-delay:.3s}.note-post:nth-child(2){animation-delay:.4s}.note-post:nth-child(3){animation-delay:.5s}.topic-card:first-child{animation-delay:.2s}.topic-card:nth-child(2){animation-delay:.3s}.topic-card:nth-child(3){animation-delay:.4s}.topic-card:nth-child(4){animation-delay:.5s}.topic-card:nth-child(5){animation-delay:.6s}.topic-card:nth-child(6){animation-delay:.7s}.view-card:first-child{animation-delay:.2s}.view-card:nth-child(2){animation-delay:.4s}.view-card:nth-child(3){animation-delay:.6s}.nav-item,.note-post,.tab,.topic-card,.view-card{opacity:0;animation:fadeIn .5s ease-out forwards}.topic-card:hover .topic-emoji{transform:scale(1.2);transition:transform .3s ease}.view-card:hover .view-icon,.view-card:hover .view-icon-wrapper{transform:translateY(-5px);transition:transform .3s ease}.gradient-text{background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#999}button:focus,input:focus{outline:2px solid rgba(102,126,234,.5);outline-offset:2px}button:active{transform:scale(.98)}.about-hero{padding:140px 0 60px;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:0 0 50px 50px}.about-hero h1{font-size:3rem;font-weight:600;margin-bottom:20px}.about-subtitle{font-size:1.25rem;max-width:700px;margin:0 auto;opacity:.9}.about-content,.progress-content{padding:80px 0}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px;margin-bottom:80px}.about-card{background:white;border-radius:20px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:transform .3s ease}.about-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.1)}.about-card-icon{font-size:2.5rem;margin-bottom:20px}.about-card h2{font-size:1.5rem;margin-bottom:15px;color:#2d3436;position:relative}.about-card h2:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px}.about-card p{color:#636e72;margin-bottom:15px;line-height:1.6}.about-card p:last-child{margin-bottom:0}.about-list{list-style-type:none;padding:0;margin:0}.about-list li{padding:10px 0;border-bottom:1px solid #f0f0f0;color:#636e72}.about-list li:last-child{border-bottom:none}.about-list li strong{color:#667eea}.about-cta{text-align:center;padding:60px 0;margin-top:40px;background:#f8f9fa;border-radius:20px}.about-cta h2{font-size:2rem;margin-bottom:30px;color:#2d3436}.about-buttons{display:flex;gap:20px;justify-content:center}.about-primary-btn,.about-secondary-btn{padding:12px 30px;border-radius:30px;font-weight:600;text-decoration:none;transition:all .3s ease}.about-primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:white;box-shadow:0 10px 20px rgba(102,126,234,.2)}.about-primary-btn:hover{transform:translateY(-3px);box-shadow:0 15px 25px rgba(102,126,234,.3)}.about-secondary-btn{background:white;color:#667eea;border:1px solid #667eea}.about-secondary-btn:hover{background:rgba(102,126,234,.05);transform:translateY(-3px)}.progress-timeline{position:relative;max-width:800px;margin:0 auto 80px}.progress-timeline:before{content:"";position:absolute;width:4px;background:linear-gradient(180deg,#667eea,#764ba2);top:0;bottom:0;left:50%;transform:translateX(-50%);border-radius:4px}.progress-item{position:relative;margin-bottom:60px}.progress-item:last-child{margin-bottom:0}.progress-date{position:absolute;top:0;width:180px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:30px;text-align:center;left:50%;transform:translateX(-50%);font-weight:600;z-index:1;box-shadow:0 5px 15px rgba(102,126,234,.3)}.progress-card{width:calc(50% - 40px);padding:30px;background:white;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.05);margin-top:40px;position:relative}.progress-card:before{content:"";position:absolute;width:20px;height:20px;background:white;top:20px;transform:rotate(45deg)}.progress-item:nth-child(odd) .progress-card{margin-left:auto}.progress-item:nth-child(odd) .progress-card:before{left:-10px}.progress-item:nth-child(2n) .progress-card:before{right:-10px}.progress-card h2{font-size:1.5rem;margin-bottom:15px;color:#2d3436}.progress-card p{color:#636e72;margin-bottom:20px}.progress-highlights{background:#f8f9fa;padding:15px;border-radius:10px}.progress-highlights h3{font-size:1rem;margin-bottom:10px;color:#2d3436}.progress-highlights ul{padding-left:20px;margin:0}.progress-highlights li{color:#636e72;margin-bottom:5px}.progress-future{text-align:center;margin-bottom:60px}.progress-future h2{font-size:2rem;margin-bottom:30px;color:#2d3436;position:relative;display:inline-block}.progress-future h2:after{content:"";position:absolute;width:100px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);bottom:-10px;left:50%;transform:translateX(-50%);border-radius:3px}.future-items{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px}.future-item{display:flex;align-items:center;gap:10px;padding:15px 25px;background:white;border-radius:50px;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:all .3s ease}.future-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.future-emoji{font-size:1.5rem}.future-text{font-weight:500;color:#2d3436}@media (max-width:900px){.about-hero h1{font-size:2.5rem}.about-subtitle{font-size:1.1rem}.about-buttons{flex-direction:column;align-items:center;gap:15px}.about-primary-btn,.about-secondary-btn{width:200px}.progress-timeline:before{left:30px}.progress-date{left:30px;transform:translateX(-50%);width:150px}.progress-card{width:calc(100% - 80px);margin-left:80px!important}.progress-item:nth-child(2n) .progress-card:before,.progress-item:nth-child(odd) .progress-card:before{left:-10px;right:auto}}@media (max-width:600px){.about-hero{padding:120px 0 40px}.about-hero h1{font-size:2rem}.about-content,.progress-content{padding:60px 0}.about-grid{grid-template-columns:1fr}.progress-date{width:130px;font-size:.9rem;padding:8px 15px}.progress-card{width:calc(100% - 60px);margin-left:60px!important;padding:20px}.future-items{flex-direction:column;align-items:center}.future-item{width:100%;max-width:250px}}