:root{--bg-color:#fff6f6;--primary-color:#ff9b9b;--secondary-color:#ffcd9b;--accent-color:#fbe3b3;--text-color:#5e4b56;--card-bg:#ffffff;--button-hover:#ff7e7e;--shadow:0 4px 10px rgba(255, 155, 155, 0.2);--border-radius:16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.4;color:var(--text-color);background-color:var(--bg-color);background-image:linear-gradient(135deg,#fff6f6 0,#ffeef2 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem;transition:all .3s ease}a{text-decoration:none;color:inherit}.container{max-width:550px;width:100%}.profile{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;text-align:center}.profile-image{width:180px;height:180px;border-radius:50%;overflow:hidden;margin-bottom:1rem;box-shadow:var(--shadow);border:5px solid var(--primary-color);background-color:var(--accent-color)}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-info h1{font-size:2.4rem;margin-bottom:.5rem;color:var(--primary-color);font-weight:700;letter-spacing:1px}.profile-info .subtitle{color:var(--secondary-color);font-size:1.5rem;font-weight:600;margin-bottom:.3rem}.profile-info .slogan{color:var(--text-color);font-size:1.2rem;font-style:italic}.links{display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem}.link-item{background-color:var(--card-bg);padding:1.1rem 1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;align-items:center;transition:all .3s ease;border:1px solid rgba(255,155,155,.2)}.link-item:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 15px rgba(255,155,155,.3);background-color:var(--primary-color);color:#fff}.link-icon{margin-right:1rem;font-size:1.5rem;width:30px;text-align:center;color:var(--primary-color);transition:color .3s ease}.link-item:hover .link-icon{color:#fff}.link-title{font-weight:600;font-size:1.5rem;letter-spacing:.5px}.social-icons{display:flex;justify-content:center;gap:1.8rem;margin-bottom:1.5rem;flex-wrap:wrap}.social-icon{font-size:1.6rem;color:var(--primary-color);transition:all .3s ease}.social-icon:hover{transform:scale(1.2);color:var(--button-hover)}.footer-text{text-align:center;color:var(--text-color);opacity:.7;font-size:.9rem;margin-top:1.8rem;width:100%}@media (max-width:480px){.profile-image{width:150px;height:150px}.profile-info h1{font-size:2.2rem}.profile-info .subtitle{font-size:1.3rem}.link-item{padding:.9rem 1.4rem}.link-title{font-size:1rem}}.theme-toggle{position:fixed;top:1rem;right:1rem;background:var(--card-bg);border:none;width:45px;height:45px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);color:var(--primary-color);transition:all .3s ease}.theme-toggle:hover{transform:rotate(15deg)}body.dark-theme{--bg-color:#2c2032;--primary-color:#ff9b9b;--secondary-color:#ffcd9b;--accent-color:#fbe3b3;--text-color:#f5e0e5;--card-bg:#3a2a42;--button-hover:#ff7e7e;--shadow:0 4px 10px rgba(0, 0, 0, 0.3);background-image:linear-gradient(135deg,#2c2032 0,#3a2a42 100%)}@keyframes fadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.link-item{animation:fadeIn .6s ease-out forwards;animation-fill-mode:both}.link-item:nth-child(1){animation-delay:.1s}.link-item:nth-child(2){animation-delay:.2s}.link-item:nth-child(3){animation-delay:.3s}.link-item:nth-child(4){animation-delay:.4s}.link-item:nth-child(5){animation-delay:.5s}.link-item:nth-child(6){animation-delay:.6s}@keyframes scrollDots{from{background-position:0 0}to{background-position:0 -20px}}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(230,60,60,1) 1px,transparent 1px);background-size:20px 20px;opacity:.35;pointer-events:none;z-index:-1;animation:scrollDots .8s linear infinite}.link-item::after{content:'';position:absolute;width:0;height:3px;bottom:-3px;left:50%;background-color:var(--accent-color);transform:translateX(-50%);transition:width .3s ease;border-radius:2px}.link-item:hover::after{width:50%}