main.center{flex:1;display:flex;flex-direction:column;align-items:center;padding:60px 20px;position:relative;z-index:3}main.center h1{font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:800;color:var(--text-primary);margin-bottom:15px;letter-spacing:-.5px}main.center p{max-width:700px;font-size:1.1rem;color:var(--text-secondary)}.about-section{width:100%;max-width:1000px;margin-bottom:60px}.about-section h2{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:30px;position:relative;display:inline-block}.about-section h2:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:50px;height:3px;background:var(--accent-gradient);border-radius:2px}.about-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:20px;width:100%}.about-box{background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:20px;padding:30px 24px;text-align:center;transition:var(--hover-transition);box-shadow:0 10px 30px #00000026}.about-box:hover{transform:translateY(-8px);border-color:var(--border-hover);box-shadow:0 15px 35px var(--accent-gradient-glow)}.about-box i{font-size:2.5rem;margin-bottom:16px;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.about-box h3{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.about-box p{font-size:.95rem;color:var(--text-secondary);line-height:1.5}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:20px;width:100%;margin-top:10px}.tech-item{background:#0d121e66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:16px;padding:18px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:var(--hover-transition);animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;text-align:center}.tech-item i{font-size:2.2rem;margin-bottom:10px;color:var(--text-muted);transition:color .3s ease,transform .3s ease}.tech-item p{font-size:.85rem;margin:0;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.tech-item:hover{transform:translateY(-5px);color:var(--text-primary)}.tech-item:has(.fa-node-js):hover{border-color:#68a063;box-shadow:0 8px 25px #68a0632e}.tech-item:hover .fa-node-js{color:#68a063;transform:scale(1.08)}.tech-item:has(.fa-python):hover{border-color:#3776ab;box-shadow:0 8px 25px #3776ab2e}.tech-item:hover .fa-python{color:#3776ab;transform:scale(1.08)}.tech-item:has(.fa-html5):hover{border-color:#e34f26;box-shadow:0 8px 25px #e34f262e}.tech-item:hover .fa-html5{color:#e34f26;transform:scale(1.08)}.tech-item:has(.fa-css3-alt):hover{border-color:#1572b6;box-shadow:0 8px 25px #1572b62e}.tech-item:hover .fa-css3-alt{color:#1572b6;transform:scale(1.08)}.tech-item:has(.fa-js-square):hover{border-color:#f7df1e;box-shadow:0 8px 25px #f7df1e2e}.tech-item:hover .fa-js-square{color:#f7df1e;transform:scale(1.08)}.tech-item:has(.fa-git-alt):hover{border-color:#f05032;box-shadow:0 8px 25px #f050322e}.tech-item:hover .fa-git-alt{color:#f05032;transform:scale(1.08)}.tech-item:has(.fa-database):hover{border-color:#47a248;box-shadow:0 8px 25px #47a2482e}.tech-item:hover .fa-database{color:#47a248;transform:scale(1.08)}.tech-item:has(.fa-react):hover{border-color:#61dafb;box-shadow:0 8px 25px #61dafb2e}.tech-item:hover .fa-react{color:#61dafb;transform:scale(1.08)}.tech-item:has(.fa-code):hover{border-color:#007acc;box-shadow:0 8px 25px #007acc2e}.tech-item:hover .fa-code{color:#007acc;transform:scale(1.08)}.tech-item:has(.fa-github):hover{border-color:#fff;box-shadow:0 8px 25px #ffffff1f}.tech-item:hover .fa-github{color:#fff;transform:scale(1.08)}.tech-item:has(.fa-cloud):hover{border-color:#4285f4;box-shadow:0 8px 25px #4285f42e}.tech-item:hover .fa-cloud{color:#4285f4;transform:scale(1.08)}.tech-item:has(.fa-server):hover{border-color:#f90;box-shadow:0 8px 25px #ff99002e}.tech-item:hover .fa-server{color:#f90;transform:scale(1.08)}