.bio-page{margin:0;padding:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:linear-gradient(135deg,#1a1f2e 0%,#2b455f 100%);min-height:100vh;color:#fff;line-height:1.6}.bio-container{max-width:680px;margin:0 auto;padding:40px 20px}.bio-header{text-align:center;margin-bottom:40px;position:relative}.bio-banner{width:100%;height:200px;border-radius:20px;overflow:hidden;margin-bottom:60px;box-shadow:0 8px 32px rgba(0,0,0,.3);position:relative;z-index:1}.bio-banner img{width:100%;height:100%;object-fit:cover}.bio-avatar{width:120px;height:120px;margin:-80px auto 20px;border-radius:50%;overflow:hidden;border:5px solid #2b455f;box-shadow:0 8px 24px rgba(0,0,0,.4);background:#fff;position:relative;z-index:10}.bio-avatar img{width:100%;height:100%;object-fit:contain;padding:10px}.bio-title{font-size:28px;font-weight:700;margin:0 0 8px;color:#fff}.bio-username{font-size:16px;color:#3075ba;margin:0 0 16px;font-weight:500}.bio-description{font-size:15px;color:#b8c5d6;margin:0 0 24px;padding:0 20px;line-height:1.6}.bio-social{display:flex;justify-content:center;gap:16px;margin-top:20px}.bio-social-link{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;transition:all .3s ease;text-decoration:none;border:1px solid rgba(255,255,255,.1)}.bio-social-link:hover{background:#3075ba;transform:translateY(-3px);box-shadow:0 8px 20px rgba(48,117,186,.4);border-color:#3075ba}.bio-content{display:flex;flex-direction:column;gap:16px}.bio-button{display:flex;align-items:center;gap:16px;padding:20px 24px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.12);text-decoration:none;color:#fff;transition:all .3s ease;position:relative;overflow:hidden}.bio-button:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(48,117,186,.1) 0%,rgba(48,117,186,0) 100%);opacity:0;transition:opacity .3s ease}.bio-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(48,117,186,.3);border-color:#3075ba;background:rgba(48,117,186,.2)}.bio-button:hover:before{opacity:1}.bio-button-icon{width:48px;height:48px;border-radius:12px;background:rgba(48,117,186,.2);display:flex;align-items:center;justify-content:center;font-size:24px;color:#3075ba;flex-shrink:0}.bio-button:hover .bio-button-icon{background:#3075ba;color:#fff}.bio-button-text{font-size:16px;font-weight:600;flex:1}.bio-section-title{margin:32px 0 16px;padding:0 8px}.bio-section-title h2{font-size:20px;font-weight:700;color:#fff;margin:0;text-align:center}.bio-tool-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:rgba(255,255,255,.06);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);text-decoration:none;color:#fff;transition:all .3s ease}.bio-tool-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(48,117,186,.2);border-color:rgba(48,117,186,.5);background:rgba(48,117,186,.1)}.bio-tool-content{display:flex;gap:16px;flex:1;align-items:center}.bio-tool-thumbnail{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;background:rgba(255,255,255,.1)}.bio-tool-thumbnail img{width:100%;height:100%;object-fit:cover}.bio-tool-text{flex:1}.bio-tool-title{font-size:15px;font-weight:600;margin:0 0 6px;color:#fff}.bio-tool-description{font-size:13px;color:#b8c5d6;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bio-tool-arrow{font-size:16px;color:#3075ba;margin-left:12px;transition:transform .3s ease}.bio-tool-card:hover .bio-tool-arrow{transform:rotate(180deg)}.bio-video-card{margin-top:16px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.06);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.bio-video-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(48,117,186,.2);border-color:rgba(48,117,186,.5)}.bio-video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.bio-video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.bio-video-info{padding:16px}.bio-video-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.bio-video-channel{display:flex;align-items:center;gap:6px;font-size:13px;color:#3075ba;font-weight:500}.bio-video-channel i{font-size:16px}.bio-video-text{font-size:14px;color:#b8c5d6;margin:0;line-height:1.5}.bio-newsletter{margin-top:32px;padding:32px 24px;background:rgba(48,117,186,.1);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(48,117,186,.3);text-align:center}.bio-newsletter-title{font-size:22px;font-weight:700;color:#fff;margin:0 0 12px}.bio-newsletter-description{font-size:14px;color:#b8c5d6;margin:0 0 24px;line-height:1.6}.bio-newsletter-form{max-width:400px;margin:0 auto}.bio-newsletter-form input[type=email]{width:100%;padding:14px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-size:15px;margin-bottom:12px;transition:all .3s ease}.bio-newsletter-form input[type=email]:focus{outline:none;border-color:#3075ba;background:rgba(255,255,255,.15)}.bio-newsletter-form input[type=email]::placeholder{color:rgba(255,255,255,.5)}.bio-newsletter-form button,.bio-newsletter-form input[type=submit]{width:100%;padding:14px 32px;background:#3075ba;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.bio-newsletter-form button:hover,.bio-newsletter-form input[type=submit]:hover{background:#2563a8;transform:translateY(-2px);box-shadow:0 8px 24px rgba(48,117,186,.4)}.bio-footer{margin-top:60px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.bio-footer p{font-size:13px;color:#b8c5d6;margin:0}.bio-footer a{color:#3075ba;text-decoration:none;font-weight:500;transition:color .3s ease}.bio-footer a:hover{color:#5c9dd4}@media (max-width:640px){.bio-container{padding:24px 16px}.bio-banner{height:150px;margin-bottom:50px}.bio-avatar{width:100px;height:100px;margin-top:-60px}.bio-title{font-size:24px}.bio-description{font-size:14px;padding:0 10px}.bio-button{padding:16px 20px}.bio-button-icon{width:40px;height:40px;font-size:20px}.bio-button-text{font-size:15px}.bio-tool-thumbnail{width:60px;height:60px}.bio-tool-title{font-size:14px}.bio-tool-description{font-size:12px}.bio-newsletter{padding:24px 20px}.bio-newsletter-title{font-size:20px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bio-container>*{animation:fadeInUp .6s ease-out}.bio-content>*{animation:fadeInUp .6s ease-out}.bio-content>*:nth-child(1){animation-delay:.1s}.bio-content>*:nth-child(2){animation-delay:.15s}.bio-content>*:nth-child(3){animation-delay:.2s}.bio-content>*:nth-child(4){animation-delay:.25s}.bio-content>*:nth-child(5){animation-delay:.3s}.bio-content>*:nth-child(6){animation-delay:.35s}.bio-content>*:nth-child(7){animation-delay:.4s}.bio-content>*:nth-child(8){animation-delay:.45s}