body,html{overflow-x:hidden}body,section{position:relative}#particles-js,.grid-overlay,body::before{pointer-events:none;position:fixed}.grid-overlay,.splash-screen::before{background-image:linear-gradient(to right,rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.03) 1px,transparent 1px);background-size:40px 40px}.splash-main-text,body{font-family:'Space Grotesk',sans-serif;color:var(--black)}.hero,body{min-height:100vh}.btn,.hero{overflow:hidden}:root{--primary-yellow:#FFD700;--yellow-dark:#FFC400;--yellow-light:#FFF176;--white:#FFFFFF;--black:#000000;--gray-dark:#1A1A1A;--gray-light:#F5F5F5;--accent-red:#FF5252;--accent-blue:#448AFF;--bg-gradient:linear-gradient(135deg, #FFFBEB 0%, #FFF3CD 50%, #FFEAA7 100%);--bg-gradient-secondary:linear-gradient(135deg, #FFFFFF 0%, #FFF9C4 100%);--shadow-primary:8px 8px 0px var(--black);--shadow-secondary:4px 4px 0px var(--black);--shadow-hover:12px 12px 0px var(--black);--shadow-light:0 4px 6px rgba(0, 0, 0, 0.1);--border-thick:4px solid var(--black);--border-medium:2px solid var(--black);--border-thin:1px solid var(--black);--transition-fast:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);--transition-medium:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:all 0.5s cubic-bezier(0.4, 0, 0.2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-gradient);line-height:1.6;transition:var(--transition-medium)}body.splash-active{overflow:hidden;height:100vh}#particles-js,.grid-overlay,.simple-spinner::after,.simple-spinner::before,.splash-screen,.splash-screen::before,body::before{height:100%;top:0;left:0}body::before{content:'';width:100%;background-image:radial-gradient(circle at 10% 20%,rgba(255,215,0,.1) 0,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,215,0,.1) 0,transparent 20%),radial-gradient(circle at 50% 50%,rgba(255,215,0,.05) 0,transparent 50%);z-index:-1}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}section{padding:100px 0}.grid-overlay{width:100%;z-index:-1}#particles-js{width:100%;z-index:-2;opacity:0}.splash-screen{position:fixed;width:100%;background:var(--bg-gradient);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;visibility:visible;transition:opacity .5s}.nav-links a.active::before,.navbar{left:50%;transform:translateX(-50%)}.hamburger .line,.navbar{transition:var(--transition-medium)}.splash-screen::before{content:'';position:absolute;width:100%;z-index:0}.splash-screen.fade-out{opacity:0;visibility:hidden}.splash-content{text-align:center;padding:20px;max-width:600px;width:90%;position:relative;z-index:1}.splash-text-container{margin-bottom:50px}.splash-main-text{font-size:clamp(1.2rem, 3vw, 1.8rem);font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;opacity:.8}.loading-status,.splash-subtitle{text-transform:uppercase;opacity:.7}.splash-name{font-size:clamp(2.5rem, 6vw, 4rem);font-weight:900;color:var(--primary-yellow);text-transform:uppercase;letter-spacing:3px;margin-bottom:5px;font-family:'Archivo Black',sans-serif;line-height:1;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.splash-subtitle{font-size:clamp(.9rem, 2vw, 1.1rem);color:var(--black);letter-spacing:1.5px;font-weight:500;margin-top:15px}.loading-status,.nav-links a{letter-spacing:1px;color:var(--black)}.loading-container{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:30px}.simple-spinner{width:40px;height:40px;position:relative}.simple-spinner::before{content:'';position:absolute;width:100%;border:2px solid rgba(0,0,0,.1);border-radius:50%}.simple-spinner::after{content:'';position:absolute;width:100%;border:2px solid transparent;border-top:2px solid var(--primary-yellow);border-right:2px solid var(--primary-yellow);border-radius:50%;animation:1s linear infinite spin}.loading-status{font-size:.8rem;font-weight:600}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.btn,.navbar{padding:15px 30px;box-shadow:var(--shadow-primary)}.logo-text,.section-title{letter-spacing:2px;font-family:'Archivo Black',sans-serif}@media (max-width:480px){.splash-name{font-size:2rem}.splash-main-text{font-size:1rem}}.navbar{position:fixed;top:20px;width:90%;max-width:1200px;background-color:var(--white);z-index:1000;border:var(--border-thick)}.btn,.nav-links a{transition:var(--transition-fast);position:relative;text-transform:uppercase;text-decoration:none}.logo-dot,.nav-links a{border:var(--border-medium)}.navbar.scrolled{top:0;width:100%;max-width:100%;border-left:none;border-right:none;padding:10px 20px}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo,.nav-links{display:flex;align-items:center}.logo{gap:10px;text-decoration:none}.logo-text{font-size:1.8rem;font-weight:900;color:var(--black);text-transform:uppercase}.btn,.btn-text,.nav-links a,.nav-text,.section-number,.section-title,.status-text,.submit-text{font-weight:700}.highlight,.nav-links a.active::before,.section-number{color:var(--primary-yellow)}.logo-dot{width:10px;height:10px;background-color:var(--primary-yellow)}.btn,.image-frame,.profile-card,.profile-card::before{border:var(--border-thick)}.nav-links{gap:20px}.hamburger,.project-item.hidden{display:none}.nav-links a{padding:8px 15px;background-color:transparent;font-size:.9rem}.nav-links a.active,.nav-links a:hover{background-color:var(--primary-yellow);color:var(--black);transform:translate(-2px,-2px);box-shadow:var(--shadow-secondary)}.nav-links a.active::before{content:'◆';position:absolute;top:-10px;font-size:.8rem}.hamburger{cursor:pointer;width:30px;height:20px;position:relative;z-index:1001}.hamburger .line{position:absolute;width:100%;height:3px;background-color:var(--black)}.hamburger .line1{top:0;transform-origin:left center}.hamburger .line2{top:50%;transform:translateY(-50%)}.hamburger .line3{bottom:0;transform-origin:left center}.hamburger.active .line1{transform:rotate(45deg) translate(2px,-2px)}.hamburger.active .line2{opacity:0}.hamburger.active .line3{transform:rotate(-45deg) translate(2px,2px)}.section-header{margin-bottom:60px;position:relative}.section-title-container{display:flex;align-items:center;gap:20px;margin-bottom:15px}.section-number{font-size:1.5rem;font-family:'Archivo Black',sans-serif}.section-title{font-size:3rem;text-transform:uppercase;position:relative}.section-line{height:4px;background-color:var(--black);width:200px;margin-top:10px}.btn,.highlight::after{background-color:var(--primary-yellow)}.highlight{position:relative}.btn,.btn-primary,.linktree-btn,.music-label,.music-track,.profile-name,.social-icon,.status-text,.title-tag{color:var(--black)}.highlight::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px}.btn{display:inline-flex;align-items:center;gap:15px;letter-spacing:1px;cursor:pointer;font-family:'Space Grotesk',sans-serif}.about-title,.info-value,.profile-name{font-family:'Archivo Black',sans-serif}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .7s}.btn:hover,.floating-btn:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-hover);background-color:var(--yellow-dark)}.btn-primary,.profile-card::before{background-color:var(--primary-yellow)}.btn:hover::before,.social-icon:hover::before{left:100%}.btn-arrow{transition:transform .3s}.btn-arrow,.btn-icon,.linktree-btn,.music-control-btn{transition:var(--transition-fast)}.btn:hover .btn-arrow,.linktree-btn:hover .btn-arrow{transform:translateX(5px)}.hero{display:flex;align-items:center;position:relative;padding-top:100px}.hero-content{width:100%;display:flex;justify-content:center}.profile-card{background:var(--white);padding:40px;width:100%;max-width:500px;box-shadow:var(--shadow-primary);position:relative;overflow:visible}.image-frame,.linktree-btn,.notification,.progress-bar,.project-img,.project-item,.skill-item,.skill-level,.social-icon{overflow:hidden}.profile-card::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;z-index:-1;opacity:.3}.profile-header{display:flex;gap:30px;margin-bottom:40px;align-items:flex-start}.profile-image-container{position:relative;flex-shrink:0}.image-frame{width:120px;height:120px;background-color:var(--white);padding:5px;box-shadow:var(--shadow-secondary);position:relative}.profile-img{width:100%;height:100%;object-fit:cover;display:block}.status-indicator{position:absolute;bottom:-10px;right:-10px;background-color:var(--white);border:var(--border-medium);padding:5px 10px;display:flex;align-items:center;gap:5px}.linktree-btn,.music-player,.progress,.progress-bar{position:relative}.status-dot{width:8px;height:8px;background-color:#4caf50;border-radius:50%;animation:2s infinite pulse}.btn-icon,.music-icon{width:40px;height:40px}.status-text{font-size:.7rem;text-transform:uppercase}.contact-info,.info-item,.profile-title-container{flex:1}.profile-name{font-size:2.5rem;font-weight:900;text-transform:uppercase;letter-spacing:3px;margin-bottom:10px;line-height:1}.btn-title,.music-label,.music-time,.music-track,.social-title,.title-tag{font-weight:700}.title-tag{display:inline-block;background-color:var(--primary-yellow);padding:5px 15px;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;border:var(--border-medium);font-size:.9rem}.btn-icon,.linktree-btn,.music-player{background-color:var(--white)}.profile-description{color:var(--black);font-size:.95rem;line-height:1.6;opacity:.9}.linktree-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:40px}.linktree-btn{display:flex;align-items:center;gap:15px;padding:15px 20px;border:var(--border-thick);text-decoration:none}.comment-item:hover,.linktree-btn:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-primary);background-color:var(--primary-yellow)}.btn-icon{border:var(--border-medium);display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-subtitle,.btn-title{display:block;text-transform:uppercase}.linktree-btn:hover .btn-icon{transform:rotate(15deg);background-color:var(--black);color:var(--white)}.btn-content{flex:1;text-align:left}.btn-title{letter-spacing:1px;font-size:.9rem;margin-bottom:2px}.btn-subtitle{font-size:.8rem;opacity:.7;letter-spacing:.5px}.btn-arrow{font-size:1rem}.music-player{border:var(--border-thick);padding:20px;margin-bottom:30px}.music-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.footer-contact li,.music-title-container{display:flex;align-items:center;gap:15px}.music-control-btn,.music-icon{display:flex;align-items:center}.music-icon{background-color:var(--primary-yellow);border:var(--border-medium);justify-content:center;font-size:1.2rem}.music-info{text-transform:uppercase}.music-label{font-size:.8rem;letter-spacing:2px;opacity:.7}.music-track{font-size:1rem;letter-spacing:1px}.music-time{display:flex;gap:5px;font-size:.9rem}.music-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:15px}.music-control-btn{width:50px;height:50px;background-color:var(--white);border:var(--border-thick);justify-content:center;cursor:pointer;font-size:1.2rem}.music-control-btn:hover,.play-btn{background-color:var(--primary-yellow)}.social-header,.social-icon{align-items:center;display:flex}.music-control-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-secondary)}.comment-submit-btn:hover,.comments-section,.floating-btn,.image-frame-about,.project-item:hover,.skill-item:hover,.social-icon:hover{box-shadow:var(--shadow-primary)}.play-btn{width:60px;height:60px}.music-progress{width:100%}.progress-bar{width:100%;height:10px;background-color:var(--white);border:var(--border-medium);cursor:pointer}.progress{width:0%;height:100%;background-color:var(--primary-yellow);transition:width .1s}.progress::after,.social-line{background-color:var(--black)}.filter-btn,.skill-item,.social-icon{transition:var(--transition-fast)}.progress::after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:15px;height:15px;border:var(--border-medium)}.social-media{margin-top:30px;padding-top:20px;border-top:var(--border-medium)}.social-header{gap:15px;margin-bottom:20px}.social-title{font-size:.9rem;text-transform:uppercase;letter-spacing:2px;white-space:nowrap}.social-line{flex:1;height:2px}.image-frame-about,.social-icon{border:var(--border-thick);background-color:var(--white);position:relative}.social-icons{display:flex;justify-content:center;gap:15px}.social-icon{width:50px;height:50px;justify-content:center;text-decoration:none;font-size:1.2rem}.social-icon::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .7s}.social-icon:hover{transform:translate(-4px,-4px)}.social-icon.youtube:hover{background-color:red;color:var(--white)}.social-icon.instagram:hover{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d);color:var(--white)}.social-icon.github:hover{background-color:#333;color:var(--white)}.social-icon.linkedin:hover{background-color:#0077b5;color:var(--white)}.about-para,.filter-count,.info-label,.info-value{color:var(--black)}.about-content{display:flex;gap:60px;align-items:center}.about-image-container{flex:1;position:relative;order:1}.image-wrapper{position:relative;max-width:500px}.image-frame-about{padding:10px;z-index:2}.about-img{width:100%;height:auto;display:block;border:var(--border-medium)}.filter-btn,.image-decoration,.skill-item{border:var(--border-thick)}.image-decoration{position:absolute;top:-20px;left:-20px;width:100%;height:100%;background-color:var(--primary-yellow);z-index:1}.comments-list-container,.footer-section,.project-img,.project-item,.projects-container,.skill-item{position:relative}.about-text{flex:1;order:2}.about-header,.contact-header,.form-header{margin-bottom:30px}.about-title{font-size:2.5rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.about-line,.contact-line,.form-line{width:100px;height:4px;background-color:var(--primary-yellow)}.about-info-grid,.about-paragraphs,.contact-form .form-header{margin-bottom:40px}.about-para{margin-bottom:15px;font-size:1.1rem;line-height:1.7;opacity:.9}.info-row{display:flex;gap:40px;margin-bottom:20px}.info-label{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;opacity:.7;margin-bottom:5px}.filter-text,.info-value,.project-nav-btn,.skill-name{letter-spacing:1px}.info-value{font-size:1.3rem;font-weight:900;text-transform:uppercase}.projects-filter,.skills-filter{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:60px;justify-content:center}.filter-btn{display:flex;align-items:center;gap:10px;padding:15px 25px;background-color:var(--white);cursor:pointer;font-family:'Space Grotesk',sans-serif}.filter-btn.active,.filter-btn:hover,.pagination-btn:hover:not(:disabled),.project-nav-btn:hover:not(:disabled){background-color:var(--primary-yellow);transform:translate(-4px,-4px);box-shadow:var(--shadow-primary)}.skill-icon,.skill-item,.skill-item:hover .skill-icon,.skill-level{background-color:var(--white)}.filter-text{font-weight:700;text-transform:uppercase;font-size:.9rem}.filter-count,.project-overlay h3{font-weight:900;font-family:'Archivo Black',sans-serif}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px}.skill-item{padding:25px;cursor:pointer}.project-item:hover,.skill-item:hover{transform:translate(-8px,-8px)}.skill-item:hover .skill-icon{transform:scale(1.2);color:var(--black)}.skill-item:hover .skill-icon.custom-icon img{filter:none}.skill-icon{width:60px;height:60px;border:var(--border-medium);display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:2rem;transition:transform .3s}.project-overlay h3,.skill-name{margin-bottom:15px;color:var(--black);text-transform:uppercase}.skill-icon.custom-icon{background-color:transparent;border:none}.skill-icon.custom-icon img{width:50px;height:50px;object-fit:contain;transition:transform .3s}.skill-name{font-size:1.1rem;font-weight:700;display:block}.skill-level{width:100%;height:8px;border:var(--border-thin)}.level-bar,.skill-item:hover .level-bar{background-color:var(--black)}.level-bar{height:100%;transition:width 1s}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;margin-bottom:60px;min-height:400px}.project-item{background-color:var(--white);border:var(--border-thick);transition:var(--transition-fast)}.project-img{height:250px}.project-img img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow);display:block}.project-item:hover .project-img img{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,215,0,.95);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:var(--transition-medium);padding:30px;text-align:center;border:var(--border-thick)}.project-link,.project-nav-btn{transition:var(--transition-fast)}.project-item:hover .project-overlay{opacity:1}.project-overlay h3{font-size:1.5rem;letter-spacing:2px}.project-overlay p{color:var(--black);margin-bottom:30px;font-size:.95rem;line-height:1.6}.project-link{width:60px;height:60px;background-color:var(--black);color:var(--white);border:var(--border-medium);display:flex;justify-content:center;align-items:center;font-size:1.5rem;text-decoration:none}.project-link:hover{transform:rotate(45deg) scale(1.1);background-color:var(--white);color:var(--black)}.projects-navigation{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:var(--border-medium);border-bottom:var(--border-medium)}.project-nav-btn{display:flex;align-items:center;gap:10px;padding:15px 25px;background-color:var(--white);border:var(--border-thick);cursor:pointer;font-weight:700;text-transform:uppercase}.pagination-btn:disabled,.project-nav-btn:disabled{opacity:.5;cursor:not-allowed}.page-info-container,.pagination-info-container{display:flex;flex-direction:column;align-items:center;gap:5px}.page-info{font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:1rem}.count-line,.page-line,.pagination-line{width:50px;height:3px;background-color:var(--primary-yellow)}.comment-form-container,.comments-section{background-color:var(--white);position:relative;border:var(--border-thick)}.comments-section{padding:60px 40px;margin:80px 0}.comments-section::before{content:'';position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border:var(--border-thick);background-color:var(--primary-yellow);z-index:-1;opacity:.2}.comment-form-container{padding:40px;margin-bottom:60px}.comment-form-title,.contact-header h3{font-size:2rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-family:'Archivo Black',sans-serif;color:var(--black)}.comment-submit-btn,.input-label{font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--black)}.form-row{display:flex;gap:30px;margin-bottom:30px}.comment-input-group{flex:1;position:relative}.input-label{display:block;font-size:.9rem;margin-bottom:10px;opacity:.7}.comment-input-group input,.comment-input-group textarea,.contact-form .form-group input,.contact-form .form-group textarea{width:100%;padding:15px 0;border:none;background-color:transparent;font-family:'Space Grotesk',sans-serif;font-size:1.1rem;color:var(--black);transition:var(--transition-fast);resize:none}.comment-input-group input:focus,.comment-input-group textarea:focus,.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{outline:0}.comment-input-group textarea,.contact-form .form-group textarea{height:150px}.form-line-input,.input-line{position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--black);transform-origin:left;transform:scaleX(0);transition:transform .3s}.comment-item,.comment-submit-btn,.pagination-btn{transition:var(--transition-fast)}.comment-input-group input:focus+.input-line,.comment-input-group textarea:focus+.input-line,.contact-form .form-group input:focus+.form-line-input,.contact-form .form-group textarea:focus+.form-line-input{transform:scaleX(1)}.textarea-line{bottom:0}.comment-submit-btn{display:flex;align-items:center;gap:15px;padding:15px 30px;background-color:var(--primary-yellow);border:var(--border-thick);cursor:pointer;font-family:'Space Grotesk',sans-serif;font-size:1rem;width:100%;justify-content:center}.comment-author,.comments-title{font-family:'Archivo Black',sans-serif}.comment-submit-btn:hover{transform:translate(-4px,-4px);background-color:var(--yellow-dark)}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.comments-title{font-size:2rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:var(--black)}.desktop-comments-count{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.mobile-comments-count{display:none;flex-direction:column;align-items:flex-start;gap:5px;margin-top:20px;margin-bottom:30px;width:100%}.comments-count,.pagination-info{font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:1rem;color:var(--black)}.comment-author,.comment-date{text-transform:uppercase;letter-spacing:1px}.comments-list{display:grid;gap:30px;margin-bottom:40px}.comment-item{background-color:var(--white);border:var(--border-thick);padding:30px;position:relative}.comment-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.comment-avatar{width:50px;height:50px;background-color:var(--black);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.5rem;text-transform:uppercase;border:var(--border-medium);flex-shrink:0}.comment-author,.comment-date,.comment-text,.contact-icon,.loading,.no-comments,.pagination-btn{color:var(--black)}.comment-author{font-size:1.2rem;font-weight:900}.comment-date{margin-left:auto;font-size:.9rem;font-weight:700;opacity:.7}.comment-text{line-height:1.7;font-size:1.1rem}.contact-text h4,.no-comments{font-size:1.2rem;letter-spacing:2px;text-transform:uppercase}.loading{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px}.loading-dots,.pagination-btn{display:flex;gap:10px}.loading-dots .dot{width:15px;height:15px;background-color:var(--primary-yellow);border:var(--border-medium);animation:1.4s ease-in-out infinite both bounce}.footer::before,.notification::before{content:'';top:0;left:0;width:100%;height:100%;z-index:0}.loading-dots .dot:first-child{animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}.no-comments{text-align:center;padding:60px 20px;font-weight:700}.comments-pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:var(--border-medium)}.contact-form,.contact-icon,.notification,.pagination-btn{border:var(--border-thick)}.pagination-btn{align-items:center;padding:15px 25px;background-color:var(--white);cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:1px}.contact-icon,.notification::before{background-color:var(--primary-yellow)}.notification{padding:20px;margin:20px 0;text-align:center;display:none;font-weight:700;text-transform:uppercase;letter-spacing:1px;position:relative}.contact-form .form-header h3,.contact-text h4,.footer-logo-text,.footer-section h4{font-weight:900;font-family:'Archivo Black',sans-serif}.notification::before{position:absolute;opacity:.1}.notification.error{background-color:#ffebee;color:#c62828;border-color:#c62828;display:block}.notification.success{background-color:#e8f5e9;color:#2e7d32;border-color:#2e7d32;display:block}.contact-content{display:flex;gap:60px}.contact-description{color:var(--black);font-size:1.1rem;line-height:1.7;margin-bottom:40px;opacity:.9}.contact-details{display:flex;flex-direction:column;gap:30px}.contact-item{display:flex;gap:20px;align-items:flex-start}.contact-icon-container{flex-shrink:0}.contact-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.contact-form,.footer{background-color:var(--white);position:relative}.contact-text h4{margin-bottom:5px;color:var(--black)}.contact-form .form-header h3,.footer-section h4,.footer-section ul li{margin-bottom:15px;color:var(--black)}.contact-text p{font-size:1.1rem;color:var(--black);opacity:.9}.contact-form{flex:1;padding:40px}.contact-form .form-header h3{font-size:1.8rem;text-transform:uppercase;letter-spacing:2px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.contact-form .form-group{position:relative;margin-bottom:30px}.contact-form .form-group input::placeholder,.contact-form .form-group textarea::placeholder{color:var(--black);opacity:.5;text-transform:uppercase;letter-spacing:1px;font-weight:700}.contact-form .btn{width:100%;justify-content:center;padding:20px;font-size:1.1rem}.footer{color:var(--black);padding:80px 0 40px;border-top:var(--border-thick)}.footer-logo-dot,.footer::before{background-color:var(--primary-yellow)}.footer::before{position:absolute;opacity:.05}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px;margin-bottom:60px;position:relative;z-index:1}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:20px}.footer-logo-text{font-size:2rem;text-transform:uppercase;letter-spacing:3px;color:var(--black)}.footer-logo-dot{width:12px;height:12px;border:var(--border-medium)}.floating-btn,.footer-social-icon{text-decoration:none;border:var(--border-thick);transition:var(--transition-fast)}.footer-description{color:var(--black);line-height:1.7;margin-bottom:30px;opacity:.9;font-size:1rem}.footer-social{display:flex;gap:15px}.footer-social-icon{width:40px;height:40px;background-color:var(--white);display:flex;align-items:center;justify-content:center;color:var(--black)}.footer-line,.footer-social-icon:hover{background-color:var(--primary-yellow)}.footer-social-icon:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-secondary)}.footer-section h4{font-size:1.3rem;text-transform:uppercase;letter-spacing:2px}.floating-btn-inner,.footer-bottom p,.footer-section ul li{font-weight:700;text-transform:uppercase}.footer-line{width:50px;height:3px;margin-bottom:20px}.footer-section ul{list-style:none}.footer-section ul li{transition:var(--transition-fast);letter-spacing:1px;font-size:.9rem}.footer-section ul li a{color:var(--black);text-decoration:none;transition:var(--transition-fast);display:block}.footer-section ul li a:hover,.footer-section ul li:hover{color:var(--primary-yellow);transform:translateX(5px)}.footer-contact i{color:var(--primary-yellow);width:20px;text-align:center;font-size:1.2rem}.footer-bottom{text-align:center;padding-top:40px;position:relative;z-index:1}.footer-bottom-line{width:100%;height:2px;background-color:var(--black);margin-bottom:30px}.footer-bottom p{color:var(--black);letter-spacing:2px;font-size:.9rem}.floating-btn{position:fixed;bottom:30px;right:30px;background-color:var(--primary-yellow);color:var(--black);z-index:1000;animation:1s ease-out floatBtn}.floating-btn-inner{padding:15px 20px;display:flex;align-items:center;gap:10px;letter-spacing:2px}.floating-btn-text{font-size:.9rem}.floating-btn i{font-size:1.5rem}@keyframes logoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes bounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}@keyframes floatBtn{0%{transform:translateX(100px) rotate(45deg);opacity:0}100%{transform:translateX(0) rotate(0);opacity:1}}.fa-spinner.fa-spin{animation:2s linear infinite fa-spin}@keyframes fa-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media (max-width:1200px){.about-content,.contact-content{gap:40px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:25px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}}@media (max-width:992px){.hero-content{margin-top:40px}.profile-header{flex-direction:column;text-align:center;gap:20px}.about-content,.contact-content,.form-row,.info-row{flex-direction:column}.about-image-container{order:1!important;margin-bottom:40px}.about-text{order:2!important;margin-bottom:0}.contact-info{margin-bottom:40px}.section-title{font-size:2.5rem}.form-row,.info-row{gap:20px}.comments-pagination,.projects-navigation{flex-direction:column;gap:20px;padding:30px 0}.pagination-btn,.project-nav-btn{width:100%;justify-content:center}.page-info-container,.pagination-info-container{order:-1}}@media (max-width:768px){.splash-content{padding:15px}.splash-name{letter-spacing:2px}.splash-main-text{letter-spacing:1.5px}.navbar{padding:15px 20px;top:10px}.nav-links{position:fixed;top:0;right:-100%;width:80%;height:100vh;background-color:var(--white);flex-direction:column;align-items:center;padding:100px 40px 40px;transition:var(--transition-medium);z-index:999;border-left:var(--border-thick);box-shadow:-8px 0 0 var(--black);overflow-y:auto;justify-content:flex-start}.nav-links.active{right:0}.nav-links a{width:100%;text-align:center;padding:15px;font-size:1.1rem}.hamburger{display:block}.hero{padding-top:120px}.comment-form-container,.profile-card{padding:30px 20px}.profile-name,.section-title{font-size:2rem}.section-number{font-size:1.2rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.footer-content,.form-grid,.projects-grid{grid-template-columns:1fr}.projects-grid{gap:30px}.footer-content{gap:40px;text-align:center}.footer-logo,.footer-social{justify-content:center}.footer-line{margin-left:auto;margin-right:auto}.comments-section{padding:40px 20px;margin:60px 0}.comment-item{padding:20px}.comment-header{flex-wrap:wrap}.comment-date{margin-left:0;margin-top:10px;width:100%}.form-grid{gap:20px}.comments-header{flex-direction:column;align-items:flex-start;gap:20px}.desktop-comments-count{display:none!important}.mobile-comments-count{display:flex!important}.comments-count{font-size:.9rem}}@media (max-width:576px){.container{width:95%;padding:0 15px}.hero{padding-top:100px;min-height:auto}.profile-card{padding:25px 15px}.splash-logo{font-size:3rem}.about-title,.section-title,.skill-icon,.splash-title{font-size:1.8rem}.splash-title{letter-spacing:2px}.section-title{letter-spacing:1px}.projects-filter,.skills-filter{flex-direction:column;align-items:stretch}.filter-btn{justify-content:center}.skills-grid{grid-template-columns:repeat(2,1fr);gap:15px}.skill-item{padding:20px 15px}.skill-icon{width:50px;height:50px}.skill-icon.custom-icon img{width:40px;height:40px}.floating-btn{bottom:20px;right:20px}.floating-btn-inner,.linktree-btn{padding:12px 15px}.floating-btn-text{display:none}.btn-icon{width:35px;height:35px}.btn-title{font-size:.8rem}.btn-subtitle{font-size:.7rem}.music-controls{gap:10px}.music-control-btn{width:45px;height:45px;font-size:1rem}.play-btn{width:50px;height:50px}}