:root{--bg-color:#fff;--text-color:#333;--primary-color:#ff9ec3;--secondary-color:#c5a3ff;--accent-color:#88d9ff;--card-bg:rgba(255,255,255,0.85);--header-bg:rgba(255,255,255,0.8);--shadow-color:rgba(0,0,0,0.1);--sidebar-bg:rgba(241,241,241,0.9);--overlay-color:rgba(255,255,255,0.7)}[data-theme="dark"]{--bg-color:#2a2a3c;--text-color:#f1f1f1;--primary-color:#ff7bac;--secondary-color:#a685e2;--accent-color:#67c1ff;--card-bg:rgba(58,58,76,0.85);--header-bg:rgba(42,42,60,0.8);--shadow-color:rgba(0,0,0,0.3);--sidebar-bg:rgba(53,53,71,0.9);--overlay-color:rgba(42,42,60,0.7)}.about-container{max-width:1200px;margin:100px auto 50px;padding:2rem}.about-hero{text-align:center;padding:4rem 2rem;margin-bottom:3rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:25px;color:white;box-shadow:0 15px 35px var(--shadow-color);position:relative;overflow:hidden}.about-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='3' fill='white' opacity='0.2'/%3E%3Ccircle cx='60' cy='40' r='2' fill='white' opacity='0.2'/%3E%3Ccircle cx='80' cy='70' r='4' fill='white' opacity='0.2'/%3E%3Ccircle cx='40' cy='80' r='3' fill='white' opacity='0.2'/%3E%3C/svg%3E");animation:rotateBackground 20s linear infinite;z-index:1}@keyframes rotateBackground{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.about-hero h1{font-size:3.5rem;margin-bottom:1.5rem;text-shadow:0 4px 8px rgba(0,0,0,0.2);position:relative;z-index:2}.about-hero p{font-size:1.4rem;opacity:0.95;max-width:700px;margin:0 auto;position:relative;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:3rem}.about-card{background-color:var(--card-bg);border-radius:20px;padding:2.5rem;box-shadow:0 10px 25px var(--shadow-color);backdrop-filter:blur(10px);position:relative;border:2px solid transparent;background-clip:padding-box;transition:all 0.3s ease}.about-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px var(--shadow-color)}.about-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.about-card h2{color:var(--primary-color);margin-bottom:1.5rem;font-size:2rem;position:relative;display:inline-block}.about-card h2::after{content:'';position:absolute;bottom:-8px;left:0;width:40px;height:4px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:2px}.about-text{line-height:1.8;margin-bottom:1.5rem;font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.stat-item{text-align:center;padding:1.5rem;background:rgba(255,158,195,0.1);border-radius:15px;border:1px solid rgba(255,158,195,0.3);transition:all 0.3s ease}.stat-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.stat-number{font-size:2.5rem;font-weight:bold;color:var(--primary-color);margin-bottom:0.5rem}.stat-label{color:var(--secondary-color);font-size:0.95rem}.interests{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.interest-tag{padding:0.6rem 1.3rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;border-radius:25px;font-size:0.95rem;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:all 0.3s ease}.interest-tag:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 18px rgba(0,0,0,0.2)}.social-links{display:flex;gap:1rem;margin-top:2rem;justify-content:center;flex-wrap:wrap}.social-link{width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;font-size:1.3rem;transition:all 0.3s ease;box-shadow:0 6px 18px rgba(0,0,0,0.2);position:relative;overflow:hidden}.social-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transition:left 0.5s ease}.social-link:hover::before{left:100%}.social-link:hover{transform:translateY(-5px) rotate(5deg);box-shadow:0 10px 25px rgba(0,0,0,0.3)}.contact-info{list-style:none;padding:0}.contact-info li{margin-bottom:1.2rem;display:flex;align-items:center;padding:0.8rem 1rem;background:rgba(255,158,195,0.1);border-radius:12px;transition:all 0.3s ease}.contact-info li:hover{background:rgba(255,158,195,0.2);transform:translateX(5px)}.contact-info li::before{content:'💌';margin-right:1rem;font-size:1.3rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-card{animation:fadeInUp 0.6s ease-out}.about-card:nth-child(1){animation-delay:0.1s}.about-card:nth-child(2){animation-delay:0.2s}.about-card:nth-child(3){animation-delay:0.3s}.about-card:nth-child(4){animation-delay:0.4s}.article-container{border:3px solid var(--primary-color);border-radius:25px;background:linear-gradient(135deg,var(--card-bg) 0%,rgba(255,255,255,0.9) 100%);position:relative;overflow:hidden;padding:2.5rem;margin:2rem 0}.article-container::before{content:'✨';position:absolute;top:-15px;right:-15px;font-size:3rem;opacity:0.3;transform:rotate(15deg);z-index:0}.article-container::after{content:'🌟';position:absolute;bottom:-20px;left:-20px;font-size:4rem;opacity:0.2;transform:rotate(-10deg);z-index:0}.article-title{position:relative;display:inline-block;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,0.1);font-size:2.2rem;margin-bottom:1.5rem}.article-title::after{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color),var(--accent-color));border-radius:2px;animation:rainbow 3s ease-in-out infinite;background-size:200% 100%}@keyframes rainbow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.author-avatar{border:3px solid var(--primary-color);box-shadow:0 5px 15px rgba(0,0,0,0.15);transition:all 0.3s ease;border-radius:50%;width:120px;height:120px;object-fit:cover}.author-avatar:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px rgba(0,0,0,0.2)}.follow-btn,.message-btn{position:relative;overflow:hidden;transition:all 0.3s ease;padding:0.8rem 1.8rem;border-radius:25px;font-weight:600;font-size:1rem;cursor:pointer;border:none}.follow-btn::before,.message-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transition:left 0.5s ease}.follow-btn:hover::before,.message-btn:hover::before{left:100%}.follow-btn{background:linear-gradient(45deg,#ff9ec3,#ff6b9c);box-shadow:0 5px 18px rgba(255,158,195,0.4);color:white}.message-btn{border:2px solid #ff9ec3;color:#ff6b9c;background:rgba(255,158,195,0.1)}.file-item{transition:all 0.3s ease;border-radius:12px;margin:0.5rem 0;padding:0.8rem 1rem}.file-item:hover{background:rgba(255,158,195,0.1);transform:translateX(10px)}.file-icon{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.code-block{border:2px solid var(--primary-color);border-radius:20px;background:rgba(255,158,195,0.05);position:relative;padding:1.5rem;margin:1.5rem 0;font-family:monospace}.code-block::before{content:'💻';position:absolute;top:-15px;right:15px;font-size:1.5rem;background:var(--card-bg);padding:0 10px}.app-info{background:linear-gradient(135deg,rgba(255,158,195,0.1),rgba(197,163,255,0.1));border:2px dashed var(--secondary-color);border-radius:20px;padding:1.5rem;margin:1.5rem 0}.info-item{padding:1rem;background:rgba(255,255,255,0.8);border-radius:15px;border:1px solid rgba(255,158,195,0.3);transition:all 0.3s ease;margin:0.5rem 0}.info-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.comment-input{border:2px solid var(--primary-color);border-radius:20px;background:rgba(255,255,255,0.9);transition:all 0.3s ease;padding:1rem 1.5rem;width:100%;font-size:1rem}.comment-input:focus{box-shadow:0 0 0 3px rgba(255,158,195,0.3);border-color:var(--secondary-color);outline:none}.comment-submit{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:25px;box-shadow:0 5px 18px rgba(255,158,195,0.4);position:relative;overflow:hidden;padding:0.8rem 2rem;border:none;color:white;font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.3s ease}.comment-submit::after{content:'💖';margin-left:0.5rem}.comment-submit:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(255,158,195,0.5)}.floating-deco{position:fixed;pointer-events:none;z-index:9999;animation:floatAround 20s linear infinite}.floating-deco.star1{top:10%;left:5%;font-size:2rem;animation-delay:0s}.floating-deco.star2{top:20%;right:10%;font-size:1.5rem;animation-delay:5s}.floating-deco.star3{bottom:30%;left:15%;font-size:2.5rem;animation-delay:10s}.floating-deco.star4{bottom:20%;right:20%;font-size:1.8rem;animation-delay:15s}@keyframes floatAround{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(10deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(20px) rotate(-10deg)}100%{transform:translateY(0) rotate(0deg)}}.article-divider{height:3px;background:url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,5 Q5,0 10,5 Q15,10 20,5' fill='none' stroke='%23ff9ec3' stroke-width='2'/%3E%3C/svg%3E");background-repeat:repeat-x;border:none;margin:2.5rem 0}.file-item:nth-child(odd){background:linear-gradient(90deg,transparent,rgba(255,158,195,0.1),transparent)}.file-item:nth-child(even){background:linear-gradient(90deg,transparent,rgba(197,163,255,0.1),transparent)}.code-line{position:relative;padding-left:1.5rem;margin:0.5rem 0}.code-line::before{content:'🐾';position:absolute;left:0;opacity:0.5}@media (min-width:1200px){.about-container{max-width:1200px}.about-hero h1{font-size:4rem}.about-hero p{font-size:1.5rem}.about-content{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px) and (max-width:1199px){.about-container{max-width:1000px}.about-hero h1{font-size:3.2rem}.about-hero p{font-size:1.3rem}}@media (min-width:768px) and (max-width:1023px){.about-container{padding:1.5rem;margin:90px auto 40px}.about-hero{padding:3rem 1.5rem}.about-hero h1{font-size:2.8rem}.about-hero p{font-size:1.2rem}.about-content{grid-template-columns:1fr;gap:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.article-container{padding:2rem}}@media (max-width:767px){.about-container{padding:1rem;margin:80px auto 30px}.about-hero{padding:2rem 1rem;border-radius:20px}.about-hero h1{font-size:2.2rem}.about-hero p{font-size:1.1rem}.about-content{grid-template-columns:1fr;gap:1.5rem}.about-card{padding:1.5rem;border-radius:15px}.stats-grid{grid-template-columns:1fr}.social-links{gap:0.8rem}.social-link{width:45px;height:45px;font-size:1.1rem}.article-container{padding:1.5rem;border-radius:20px}.article-title{font-size:1.8rem}.article-container::before,.article-container::after{display:none}.floating-deco{display:none}}[data-theme="dark"] .about-hero{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}[data-theme="dark"] .about-card{background-color:var(--card-bg)}[data-theme="dark"] .stat-item{background:rgba(255,158,195,0.08);border:1px solid rgba(255,158,195,0.2)}[data-theme="dark"] .contact-info li{background:rgba(255,158,195,0.08)}[data-theme="dark"] .contact-info li:hover{background:rgba(255,158,195,0.15)}[data-theme="dark"] .info-item{background:rgba(58,58,76,0.8)}[data-theme="dark"] .comment-input{background:rgba(58,58,76,0.8);color:var(--text-color)}[data-theme="dark"] .file-item:nth-child(odd){background:linear-gradient(90deg,transparent,rgba(255,158,195,0.08),transparent)}[data-theme="dark"] .file-item:nth-child(even){background:linear-gradient(90deg,transparent,rgba(197,163,255,0.08),transparent)}