:root{--bg-primary:rgba(255,255,255,.15);--bg-secondary:rgba(255,255,255,.1);--text-primary:#1a202c;--text-secondary:#2d3748;--accent-primary:#667eea;--accent-secondary:#764ba2;--glass-bg:rgba(255,255,255,.25);--glass-border:rgba(255,255,255,.3);--shadow:0 8px 32px rgba(31,38,135,.1);--overlay-light:rgba(255,255,255,.1);--scrollbar-bg:rgba(255,255,255,.15);--scrollbar-thumb:rgba(100,100,100,.25);--scrollbar-thumb-hover:rgba(100,100,100,.4)}[data-theme="dark"]{--bg-primary:rgba(0,0,0,.3);--bg-secondary:rgba(0,0,0,.2);--text-primary:#f7fafc;--text-secondary:#e2e8f0;--accent-primary:#667eea;--accent-secondary:#764ba2;--glass-bg:rgba(0,0,0,.4);--glass-border:rgba(255,255,255,.1);--shadow:0 8px 32px rgba(0,0,0,.4);--overlay-light:rgba(0,0,0,.4);--scrollbar-bg:rgba(0,0,0,.3);--scrollbar-thumb:rgba(150,150,150,.3);--scrollbar-thumb-hover:rgba(150,150,150,.5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-bg);border-radius:10px;margin:4px;backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 2px rgba(255,255,255,.1)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;border:2px solid transparent;background-clip:padding-box;backdrop-filter:blur(10px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2) , inset 0 -1px 0 rgba(0,0,0,.1);transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);backdrop-filter:blur(15px) saturate(200%);transform:scale(1.05)}::-webkit-scrollbar-thumb:active{background:var(--accent-primary);backdrop-filter:blur(10px) saturate(180%)}::-webkit-scrollbar-corner{background:transparent;border-radius:10px}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-bg)}.panel-content{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-bg)}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track{background:var(--scrollbar-bg);border-radius:10px;margin:12px 6px 12px 2px;backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 2px rgba(255,255,255,.1)}.panel-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;border:2px solid transparent;background-clip:padding-box;backdrop-filter:blur(10px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2) , inset 0 -1px 0 rgba(0,0,0,.1)}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);backdrop-filter:blur(15px) saturate(200%)}.glass-card,.info-block,.theme-btn,.skill-tag,.project-item,.resource-card,.avatar-image,.action-btn{transition:transform .3s ease , box-shadow .3s ease}.site-banner{background:var(--glass-bg);backdrop-filter:blur(15px);border:1px solid;border-radius:12px;padding:15px 20px;margin:20px auto;max-width:800px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:var(--shadow);animation:slideInDown .5s ease-out}.banner-content{display:flex;align-items:center;gap:12px;flex:1}.banner-icon{font-size:1.2rem;flex-shrink:0}.banner-text{color:var(--text-primary);font-size:.95rem;line-height:1.4}.banner-text a{color:inherit;text-decoration:underline}.banner-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:5px;border-radius:4px;transition:all .3s ease;flex-shrink:0}.banner-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.banner-info{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1)}.banner-warning{border-color:#f59e0b;background:rgba(245,158,11,.1)}.banner-error{border-color:#ef4444;background:rgba(239,68,68,.1)}.banner-success{border-color:#10b981;background:rgba(16,185,129,.1)}.banner-info .banner-icon{color:var(--accent-primary)}.banner-warning .banner-icon{color:#f59e0b}.banner-error .banner-icon{color:#ef4444}.banner-success .banner-icon{color:#10b981}@keyframes slideInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.services-panel{display:flex;flex-direction:column;gap:30px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.service-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:25px;transition:all .3s ease;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.2);border-color:var(--accent-primary)}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary))}.service-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;margin-bottom:15px}.service-card h3{margin:0 0 12px 0;font-size:1.3rem;color:var(--text-primary);font-weight:600}.service-card p{margin:0 0 15px 0;color:var(--text-secondary);line-height:1.5;font-size:.95rem}.service-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.feature-tag{padding:5px 10px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:8px;font-size:.8rem;color:var(--text-primary)}.service-price{font-size:1.2rem;font-weight:700;color:var(--accent-primary);text-align:right}.services-cta{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:30px;text-align:center}.cta-content h3{margin:0 0 10px 0;font-size:1.5rem;color:var(--text-primary)}.cta-content p{margin:0 0 20px 0;color:var(--text-secondary);font-size:1rem}.cta-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.cta-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;text-decoration:none;font-weight:600;transition:all .3s ease;border:1px solid}.cta-btn.primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-color:transparent}.cta-btn.secondary{background:var(--glass-bg);color:var(--text-primary);border-color:var(--glass-border)}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.bg-content{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 20s ease infinite;z-index:-2}.bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-light);backdrop-filter:blur(20px) brightness(.9);z-index:-1}[data-theme="dark"] .bg-overlay{backdrop-filter:blur(20px) brightness(.7)}@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}.glass-container{width:90%;max-width:1000px;margin:0 auto;padding:15px;flex:1;display:flex;flex-direction:column}.theme-toggle{position:fixed;top:15px;right:15px;z-index:1000}.theme-btn{background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow)}.theme-btn:hover{transform:scale(1.1) rotate(15deg)}.info-blocks{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.info-block{background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:6px;color:var(--text-primary);box-shadow:var(--shadow);font-size:.8rem}.centered-content{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:10px 0}.hero-section{text-align:center;padding:5px 0 10px;margin-bottom:10px}.hero-section .avatar-container{display:flex;justify-content:center;margin-bottom:5px}.avatar-container.avatar-hidden{display:none}.avatar-image{width:60px;height:60px;background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);font-size:1.4rem;box-shadow:var(--shadow);overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.hero-section h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-bottom:15px;line-height:1.2}.gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--text-primary);margin-bottom:15px;font-weight:500}.description{font-size:1.1rem;line-height:1.6;color:var(--text-primary);max-width:600px;margin:0 auto;opacity:.9}.quick-actions{display:flex;justify-content:center;gap:10px;margin-bottom:30px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--glass-bg);backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:8px;text-decoration:none;color:var(--text-primary);box-shadow:var(--shadow);min-width:100px}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.15)}.action-icon{width:28px;height:28px;background:var(--bg-secondary);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);font-size:.9rem;border:1px solid var(--glass-border)}.action-text{font-weight:600;font-size:.8rem;white-space:nowrap}.widgets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;margin-top:25px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:14px;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column}.glass-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.widget-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.widget-header i{font-size:1.2rem;color:var(--accent-primary)}.widget-header h3{font-size:1.1rem;color:var(--text-primary);font-weight:600}.compact-skills{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.skill-tag{background:var(--bg-secondary);color:var(--text-primary);padding:5px 10px;border-radius:12px;font-size:.8rem;border:1px solid var(--glass-border)}.skill-tag:hover{background:var(--accent-primary);color:#fff;transform:translateY(-1px)}.projects-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.project-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-secondary);border-radius:8px;text-decoration:none;color:var(--text-primary);border:1px solid transparent}.project-item:hover{background:var(--glass-bg);border-color:var(--glass-border);transform:translateX(2px)}.project-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;flex-shrink:0}.project-info h4{font-size:.95rem;margin-bottom:2px;font-weight:600}.project-info p{font-size:.8rem;color:var(--text-secondary)}.resources-grid{display:flex;flex-direction:column;gap:8px}.resource-card{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-secondary);border-radius:8px;text-decoration:none;color:var(--text-primary);border:1px solid transparent}.resource-card:hover{background:var(--glass-bg);border-color:var(--glass-border);transform:translateX(2px)}.resource-icon{width:32px;height:32px;background:var(--bg-primary);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);font-size:.9rem}.resource-info h4{font-size:.95rem;margin-bottom:2px;font-weight:600}.resource-info p{font-size:.8rem;color:var(--text-secondary)}.widget-link{display:block;text-align:center;margin-top:auto;padding-top:10px;color:var(--accent-primary);text-decoration:none;font-weight:600;font-size:.8rem;border-top:1px solid var(--glass-border)}.widget-link:hover{color:var(--accent-secondary)}.footer{padding:15px 0;text-align:center;color:var(--text-secondary);font-size:.8rem}.footer-content{max-width:1000px;margin:0 auto;padding:0 20px}.footer-links{margin-top:5px}.footer-links a{color:var(--text-secondary);text-decoration:none;margin:0 6px;font-size:.75rem}.footer-links a:hover{color:var(--accent-primary)}.panel-system{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1002;opacity:0;visibility:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.panel-system.active{opacity:1;visibility:visible}.panel-container{background:var(--glass-bg);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.25) , inset 0 1px 0 rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);max-height:90vh;display:flex;flex-direction:column;opacity:0;transform:scale(.9);overflow:hidden}.panel-container.active{transform:scale(1);opacity:1}.panel-compact{width:90%;max-width:500px}.panel-large{width:90%;max-width:700px}.panel-full{width:95%;max-width:900px}.panel-projects{width:95vw;max-width:1200px;height:90vh;min-height:600px}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.panel-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.panel-close{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .3s ease}.panel-close:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.panel-content{flex:1;padding:25px;overflow-y:auto;max-height:calc(90vh - 80px);padding-right:20px;margin-right:2px}.panel-projects .panel-content{display:flex;flex-direction:column;padding:0;padding-right:8px}.panel-projects .projects-panel{flex:1;display:flex;flex-direction:column;padding:25px;height:100%;padding-right:20px}.panel-projects .projects-grid-container{flex:1;overflow-y:auto;min-height:0;padding-right:4px}.panel-projects .projects-grid{max-height:none;overflow-y:visible}.panel-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loader-spinner{width:40px;height:40px;border:3px solid var(--bg-secondary);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}.error-message{text-align:center;padding:40px 20px;color:var(--text-secondary)}.error-message i{font-size:3rem;color:var(--accent-primary);margin-bottom:15px;opacity:.7}.error-message h3{margin:0 0 10px 0;font-size:1.3rem;color:var(--text-primary)}.error-message p{margin:0;line-height:1.5}.contacts-grid{display:flex;flex-direction:column;gap:15px}.contact-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--glass-border)}.contact-icon{width:50px;height:50px;background:var(--accent-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;flex-shrink:0}.contact-info h3{margin:0 0 5px 0;font-size:1.1rem;color:var(--text-primary)}.contact-info p{margin:0 0 10px 0;color:var(--text-secondary);font-size:.9rem}.contact-copy,.contact-link{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);text-decoration:none;font-size:.8rem;cursor:pointer;transition:all .3s ease}.contact-copy:hover,.contact-link:hover{background:var(--accent-primary);color:#fff;transform:translateY(-1px)}.about-content{display:flex;flex-direction:column;gap:25px}.about-section h3{margin:0 0 10px 0;font-size:1.2rem;color:var(--text-primary)}.about-section p{margin:0;line-height:1.6;color:var(--text-secondary)}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px;padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--glass-border)}.stat-item{text-align:center}.stat-number{font-size:1.8rem;font-weight:700;color:var(--accent-primary);margin-bottom:5px}.stat-label{font-size:.8rem;color:var(--text-secondary)}.tech-cloud{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:15px;font-size:.8rem;color:var(--text-primary)}.links-panel{display:flex;flex-direction:column;gap:25px}.links-category{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;padding:20px}.links-category h3{margin:0 0 15px 0;font-size:1.1rem;color:var(--text-primary);font-weight:600}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.link-card{display:flex;align-items:center;gap:12px;padding:15px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;text-decoration:none;color:var(--text-primary);transition:all .3s ease}.link-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1);border-color:var(--accent-primary)}.link-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0}.link-info h4{margin:0 0 4px 0;font-size:.95rem;font-weight:600}.link-info p{margin:0;font-size:.8rem;color:var(--text-secondary)}.skills-panel{display:flex;flex-direction:column;gap:30px}.skills-category{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;padding:20px}.skills-category h3{margin:0 0 20px 0;font-size:1.2rem;color:var(--text-primary);font-weight:600;display:flex;align-items:center;gap:10px}.skills-category h3 i{color:var(--accent-primary);font-size:1.1rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.skill-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;padding:15px;transition:all .3s ease}.skill-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1);border-color:var(--accent-primary)}.skill-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.skill-header i{font-size:1.4rem;color:var(--accent-primary);width:24px;text-align:center}.skill-header h4{margin:0;font-size:1rem;color:var(--text-primary);font-weight:600}.skill-level{display:flex;flex-direction:column;gap:6px}.level-bar{height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden;position:relative}.level-progress{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:3px;transition:width .8s ease-in-out}.level-text{font-size:.8rem;color:var(--text-secondary);text-align:right}.skills-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-top:10px}.summary-item{text-align:center;padding:15px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:10px}.summary-number{font-size:1.8rem;font-weight:700;color:var(--accent-primary);margin-bottom:5px}.summary-label{font-size:.8rem;color:var(--text-secondary)}.stub-content{text-align:center;padding:40px 20px}.stub-icon{font-size:3rem;color:var(--accent-primary);margin-bottom:20px;opacity:.7}.stub-content h3{margin:0 0 15px 0;font-size:1.3rem;color:var(--text-primary)}.stub-content p{margin:0;color:var(--text-secondary);line-height:1.5}.projects-panel{display:flex;flex-direction:column;height:100%;gap:25px}.projects-filters{display:flex;gap:10px;flex-wrap:wrap;padding:15px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--glass-border);flex-shrink:0}.filter-btn{padding:8px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:.85rem;white-space:nowrap}.filter-btn:hover{background:var(--accent-primary);color:#fff;transform:translateY(-1px)}.filter-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.projects-grid-container{flex:1;overflow-y:auto;min-height:0;padding-right:4px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;padding-bottom:10px}.project-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;transition:all .3s ease;position:relative;opacity:1}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15);border-color:var(--accent-primary)}.project-badge{position:absolute;top:12px;right:12px;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:600;z-index:2}.project-badge.web{background:#667eea;color:#fff}.project-badge.mobile{background:#48bb78;color:#fff}.project-badge.api{background:#ed8936;color:#fff}.project-badge.opensource{background:#9f7aea;color:#fff}.project-image{height:120px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem}.project-content{padding:20px}.project-content h3{margin:0 0 10px 0;font-size:1.2rem;color:var(--text-primary);font-weight:600}.project-content p{margin:0 0 15px 0;color:var(--text-secondary);line-height:1.5;font-size:.9rem}.project-tech{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.project-tech .tech-tag{padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:6px;font-size:.75rem;color:var(--text-primary)}.project-status{display:inline-block;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;margin-bottom:15px}.project-status.completed{background:#c6f6d5;color:#22543d}.project-status.in-progress{background:#fed7d7;color:#742a2a}.project-status.maintained{background:#e9d8fd;color:#44337a}.project-links{display:flex;gap:10px}.project-link{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);text-decoration:none;font-size:.8rem;transition:all .3s ease}.project-link:hover{background:var(--accent-primary);color:#fff;transform:translateY(-1px)}@media (max-width:768px){.glass-container{width:95%;padding:10px}.theme-toggle{top:10px;right:10px}.theme-btn{width:38px;height:38px;font-size:.9rem}.info-blocks{display:none}.centered-content{padding:5px 0}.hero-section{padding:0;margin-bottom:8px}.avatar-image{width:55px;height:55px;font-size:1.3rem}.hero-section h1{font-size:clamp(2rem,5vw,2.8rem);margin-bottom:12px}.subtitle{font-size:clamp(1rem,2.5vw,1.2rem);margin-bottom:12px}.description{font-size:.95rem;max-width:500px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:20px}.action-btn{padding:8px 10px;min-width:auto;justify-content:center;gap:5px}.action-btn:first-child{grid-column: 1 / -1;justify-self:center;min-width:140px}.action-icon{width:20px;height:20px;font-size:.7rem}.action-text{font-size:.7rem}.widgets-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:25px}.glass-card{padding:18px}.footer{padding:10px 0}.panel-container{width:95%!important;max-width:none!important;height:90vh;border-radius:20px 20px 0 0;margin-top:auto;transform:translateY(100%)}.panel-container.active{transform:translateY(0)}.panel-header{padding:15px 20px}.panel-content{padding:20px;padding-right:18px}.contact-item{flex-direction:column;text-align:center}.contact-icon{align-self:center}.panel-projects{width:95vw;height:90vh;min-height:500px}.projects-grid{grid-template-columns:1fr;gap:15px}.projects-filters{justify-content:center}.panel-projects .projects-grid-container{max-height:none!important;overflow-y:visible}.panel-projects .panel-content{padding:15px;padding-right:12px}.filter-btn{flex:1;min-width:120px;text-align:center}.links-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr;gap:20px}.service-card{padding:20px}.cta-buttons{flex-direction:column}.cta-btn{justify-content:center}.site-banner{margin:15px auto;padding:12px 16px;flex-direction:column;text-align:center}.banner-content{flex-direction:column;gap:8px}}@media (max-width:480px){.glass-container{width:98%;padding:8px}.theme-toggle{top:8px;right:8px}.theme-btn{width:34px;height:34px;font-size:.8rem}.centered-content{padding:5px 0}.avatar-image{width:50px;height:50px;font-size:1.2rem}.hero-section h1{font-size:clamp(1.8rem,5vw,2.5rem)}.description{font-size:.9rem}.widgets-grid{gap:14px}.glass-card{padding:16px;border-radius:12px}.footer{padding:8px 0}.panel-projects{width:98vw;height:95vh;min-height:400px}.projects-filters{flex-direction:column}.filter-btn{min-width:auto}.projects-grid{gap:15px}}@media (max-width:380px){.quick-actions{grid-template-columns:1fr;gap:4px}.action-btn:first-child{grid-column:1;min-width:auto}.action-btn{padding:6px 8px}}.theme-transitioning *{transition:none!important}.hidden{display:none!important}.notifications-container{position:fixed;top:15px;right:15px;z-index:1001;display:flex;flex-direction:column;gap:8px;width:300px;pointer-events:none}.notification{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;padding:14px;box-shadow:var(--shadow);animation:slideInRight .4s cubic-bezier(.4,0,.2,1);pointer-events:all;transition:all .4s cubic-bezier(.4,0,.2,1)}.notification.fading{animation:slideOutRight .4s cubic-bezier(.4,0,.2,1) forwards}.notification-success{border-left:4px solid #10b981}.notification-warning{border-left:4px solid #f59e0b}.notification-error{border-left:4px solid #ef4444}.notification-info{border-left:4px solid var(--accent-primary)}.notification-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.notification-title{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text-primary);font-size:.9rem}.notification-icon{font-size:.9rem}.notification-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:3px;border-radius:4px;transition:all .3s ease;font-size:.85rem}.notification-close:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.notification-message{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.notification-progress{height:2px;background:var(--bg-secondary);border-radius:1px;margin-top:6px;overflow:hidden}.notification-progress-bar{height:100%;background:var(--accent-primary);border-radius:1px;animation:progressBar linear forwards}@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}@keyframes slideOutRight {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(100%);
    }
}@keyframes progressBar {
    from {
        width: 100%;
    }
    to {
        width: 0%;
    }
}@media (max-width:768px){.notifications-container{top:10px;right:10px;left:10px;width:auto;max-width:none}.notification{animation:slideIn .4s ease-out;padding:12px}.notification.fading{animation:slideOut .4s ease-in forwards}@keyframes slideIn {
        from {
            opacity: 0;
            transform: translateY(-15px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }@keyframes slideOut {
        from {
            opacity: 1;
            transform: translateY(0);
        }
        to {
            opacity: 0;
            transform: translateY(-15px);
        }
    }}@media (max-width:480px){.notifications-container{top:5px;right:5px;left:5px}.notification{padding:10px;border-radius:10px}.notification-title{font-size:.85rem}.notification-message{font-size:.8rem}}