.nav-wrapper{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:14px}.navbar{height:74px;width:600px;padding:0 34px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(0,0,0,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 35px #00000014;display:flex;align-items:center;justify-content:space-between;gap:38px;overflow:hidden;transition:width .45s ease,gap .45s ease,background .35s ease,box-shadow .35s ease}.navbar:hover{width:900px;gap:52px;background:#ffffffd1;box-shadow:0 18px 45px #0000001f}.nav-logo{display:flex;align-items:center;font-size:2rem;font-weight:900;letter-spacing:-1px;white-space:nowrap;background:linear-gradient(135deg,#ff6b35,#ff3d77);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.last-name{opacity:0;max-width:0;overflow:hidden;margin-left:0;transition:opacity .35s ease,max-width .35s ease,margin-left .35s ease}.navbar:hover .last-name{opacity:1;max-width:180px;margin-left:8px}.nav-links{display:flex;align-items:center;gap:30px;transition:gap .35s ease}.navbar:hover .nav-links{gap:36px}.nav-links a{text-decoration:none;color:#111;font-size:14px;font-weight:700;white-space:nowrap;position:relative;transition:all .3s ease}.nav-links a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;border-radius:999px;background:linear-gradient(135deg,#ff6b35,#ff3d77);transition:width .3s ease}.nav-links a:hover:after,.active-link:after{width:100%}.nav-links a:hover,.active-link{color:#ff6b35}.theme-toggle{width:58px;height:58px;border-radius:50%;border:1px solid rgba(0,0,0,.06);background:#ffffffb8;color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #00000014;transition:all .3s ease;flex-shrink:0}.theme-toggle svg{width:18px;height:18px;stroke-width:2.2}.theme-toggle:hover{transform:translateY(-3px) scale(1.05);border-color:#ff6b3540;box-shadow:0 16px 40px #ff6b3524}.dark-mode .navbar{background:linear-gradient(135deg,#181820e0,#101016f0);border-color:#ffffff0f;box-shadow:0 14px 40px #00000059}.dark-mode .navbar:hover{background:linear-gradient(135deg,#1c1c26f0,#121218fa)}.dark-mode .nav-links a{color:#ffffffdb}.dark-mode .nav-links a:hover,.dark-mode .active-link{color:#ff6b35}.dark-mode .theme-toggle{background:linear-gradient(135deg,#181820eb,#101016f5);border-color:#ffffff14;color:#fff}@media (max-width: 1000px){.navbar{width:calc(100vw - 120px);padding:0 24px}.navbar:hover{width:calc(100vw - 60px)}.nav-links{gap:20px}}@media (max-width: 768px){.nav-wrapper{width:100%;padding:0 12px}.navbar{width:100%;height:auto;padding:18px 22px;border-radius:30px;flex-direction:column;gap:18px}.navbar:hover{width:100%}.nav-logo{font-size:1.8rem}.last-name{opacity:1;max-width:180px;margin-left:8px}.nav-links{width:100%;justify-content:center;flex-wrap:wrap;gap:16px}.nav-links a{font-size:13px}.theme-toggle{position:absolute;top:-72px;right:20px}}.hero{min-height:100vh;display:flex;align-items:center;padding:120px 24px 60px}.hero-container{width:100%;max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.hero-content h1{font-size:6rem;font-weight:900;letter-spacing:-5px}.gradient-text{background:linear-gradient(135deg,#ff6b35,#ff3d77);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{max-width:600px;line-height:1.9;color:#000000a3;font-size:17px;margin-bottom:40px}.hero-buttons{display:flex;gap:18px}.primary-btn,.secondary-btn{height:58px;padding:0 28px;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;transition:all .3s ease}.primary-btn{background:linear-gradient(135deg,#ff6b35,#ff3d77);color:#fff}.secondary-btn{border:1px solid rgba(0,0,0,.08);color:#111;background:#ffffffb3}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-3px)}.hero-image-wrapper{position:relative;display:flex;justify-content:center}.hero-profile-image{width:430px;height:520px;object-fit:cover;border-radius:40px;box-shadow:0 20px 60px #00000024}.hero-badge{position:absolute;bottom:20px;right:0;padding:14px 24px;border-radius:18px;background:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-weight:700;box-shadow:0 10px 30px #00000014}@media (max-width: 1000px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-buttons{justify-content:center}.hero-content h1{font-size:4.5rem}}@media (max-width: 768px){.hero-content h1{font-size:3rem}.hero-profile-image{width:100%;max-width:380px;height:auto}}.hero-static-text{color:#111}.animated-role{display:inline-block;line-height:.95;min-height:320px}.about-section{padding:140px 20px;position:relative;overflow:hidden}.about-content{display:flex;flex-direction:column;gap:80px}.about-header{display:flex;flex-direction:column;gap:28px;max-width:900px}.section-tag{display:inline-flex;align-items:center;width:fit-content;padding:10px 20px;border-radius:999px;background:#ff6b351f;color:var(--accent-primary);font-size:13px;font-weight:700;letter-spacing:1px}.about-header h2{font-size:5rem;line-height:.95;font-weight:900;letter-spacing:-4px}.about-intro{max-width:760px;font-size:18px;line-height:2;color:var(--text-secondary)}.about-grid{width:100%}.stats-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-card{min-height:180px;padding:32px 22px;border-radius:28px;background:linear-gradient(135deg,#ffffffd1,#ffffffa3);border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all .35s ease;box-shadow:0 10px 30px #0000000d}.stat-card:hover{transform:translateY(-8px);border-color:#ff6b3533;box-shadow:0 18px 40px #ff6b351f}.stat-card h3{font-size:3.2rem;margin-bottom:16px;font-weight:900;line-height:1;letter-spacing:-2px;color:#ff5c5c;z-index:2}.stat-card p{max-width:140px;font-size:15px;font-weight:700;line-height:1.7;color:#111;z-index:2}.tech-section{display:flex;flex-direction:column;gap:50px}.tech-header h3{font-size:2.4rem;font-weight:800;margin-bottom:14px}.tech-header p{color:var(--text-secondary);font-size:17px;line-height:1.8}.tech-category-wrapper{display:flex;flex-direction:column;gap:48px}.tech-category{display:flex;flex-direction:column;gap:24px}.tech-category h4{font-size:1.3rem;font-weight:700}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tech-card{position:relative;overflow:hidden;min-height:120px;padding:24px 18px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--card-bg);border:1px solid rgba(0,0,0,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .35s ease}.tech-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,107,53,.08),transparent);opacity:0;transition:opacity .35s ease}.tech-card:hover:before{opacity:1}.tech-card:hover{transform:translateY(-8px);border-color:#ff6b3538;box-shadow:0 18px 40px #ff6b351f}.tech-icon{font-size:38px;color:var(--accent-primary);z-index:2}.tech-card span{font-size:14px;font-weight:600;text-align:center;z-index:2}.dark-mode .stat-card,.dark-mode .tech-card{background:linear-gradient(135deg,#181820e0,#121218f0);border-color:#ffffff0f}.dark-mode .about-header h2,.dark-mode .tech-header h3,.dark-mode .tech-category h4{color:#fff}.dark-mode .about-intro,.dark-mode .tech-header p,.dark-mode .stat-card p,.dark-mode .tech-card span{color:#ffffffb8}@media (max-width: 1024px){.stats-grid,.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.about-section{padding:100px 20px}.about-header h2{font-size:3rem}.about-intro{font-size:16px;line-height:1.9}.stats-grid,.tech-grid{grid-template-columns:1fr}}.work-section{padding:90px 24px 120px}.work-header{text-align:center;margin-bottom:70px}.section-badge{display:inline-block;padding:8px 18px;border-radius:999px;background:#ff6b3514;border:1px solid rgba(255,107,53,.12);color:#ff6b35;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:22px}.work-header h2{font-size:4rem;font-weight:900;letter-spacing:-3px;margin-bottom:18px}.work-header p{max-width:720px;margin:auto;color:#0000009e;line-height:1.8}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:36px}.work-card{overflow:hidden;border-radius:34px;background:#ffffffb8;border:1px solid rgba(0,0,0,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;transition:all .45s ease;box-shadow:0 18px 50px #00000014}.work-card:hover{border-color:#ff6b352e;box-shadow:0 24px 60px #ff6b3524}.work-image-wrapper{width:100%;height:260px;overflow:hidden}.work-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.work-card:hover .work-image{transform:scale(1.08)}.work-content{padding:30px}.work-content h3{font-size:1.7rem;font-weight:800;margin-bottom:14px;color:#111}.work-content p{color:#000000a6;line-height:1.8;margin-bottom:24px}.project-btn{width:fit-content;display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:16px;background:linear-gradient(135deg,#ff6b35,#ff3d77);color:#fff;text-decoration:none;font-size:14px;font-weight:700;transition:all .3s ease}.project-btn:hover{transform:translateY(-3px)}.all-projects-page{padding:140px 20px 100px}.all-projects-header{margin-bottom:70px;max-width:820px}.all-projects-header h1{font-size:4.5rem;font-weight:900;letter-spacing:-4px;margin:20px 0}.all-projects-header p{font-size:18px;line-height:1.9;color:var(--text-secondary)}.all-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:34px;align-items:stretch}.project-card{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(145deg,#ffffffd1,#ffffffad);border:1px solid rgba(0,0,0,.06);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 40px #0000000f;transition:all .35s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-10px);border-color:#ff6b352e;box-shadow:0 25px 50px #ff6b351f}.project-image-wrapper{position:relative;width:100%;height:240px;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-content{padding:28px;display:flex;flex-direction:column;gap:18px;flex:1}.project-content h2{font-size:2rem;font-weight:800;line-height:1.1;letter-spacing:-1px}.project-content p{color:var(--text-secondary);line-height:1.8;font-size:15px}.project-tech-list{display:flex;flex-wrap:wrap;gap:10px}.project-tech-pill{padding:10px 14px;border-radius:999px;background:#ff6b351a;color:#ff6b35;font-size:13px;font-weight:700}.project-buttons{margin-top:auto;display:flex;gap:14px;flex-wrap:wrap;padding-top:10px}.project-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:16px;background:linear-gradient(135deg,#ff6b35,#ff3d77);color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s ease}.project-btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px #ff6b3538}.secondary-btn{background:#0000000f;color:var(--text-primary)}.secondary-btn:hover{background:#0000001a}.dark-mode .project-card{background:linear-gradient(145deg,#181820eb,#121218f5);border-color:#ffffff0f;box-shadow:0 18px 40px #00000047}.dark-mode .project-content h2{color:#fff}.dark-mode .project-content p{color:#ffffffb8}.dark-mode .secondary-btn{background:#ffffff14;color:#fff}.dark-mode .secondary-btn:hover{background:#ffffff1f}@media (max-width: 768px){.all-projects-header h1{font-size:3rem}.all-projects-grid{grid-template-columns:1fr}.project-image-wrapper{height:220px}}.add-project-page{padding:140px 20px 100px}.add-project-header{margin-bottom:50px}.add-project-header h1{font-size:4rem;font-weight:900;letter-spacing:-3px;margin:18px 0}.add-project-header p{max-width:700px;color:var(--text-secondary);line-height:1.8;font-size:17px}.add-project-form{background:#ffffffb3;border:1px solid rgba(0,0,0,.06);border-radius:36px;padding:45px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 15px 40px #0000000f;display:flex;flex-direction:column;gap:34px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-group{display:flex;flex-direction:column;gap:14px}.form-group label{font-size:15px;font-weight:700;color:var(--text-primary)}.form-group input,.form-group textarea{width:100%;border:1px solid rgba(0,0,0,.08);background:#fffc;border-radius:18px;padding:18px 20px;font-size:15px;transition:all .3s ease;outline:none}.form-group textarea{min-height:180px;resize:vertical;line-height:1.7}.form-group input:focus,.form-group textarea:focus{border-color:#ff6b35;box-shadow:0 0 0 4px #ff6b351f}.input-icon-wrapper{display:flex;align-items:center;gap:14px;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:0 18px;background:#fffc}.input-icon-wrapper input{border:none!important;background:transparent!important;box-shadow:none!important}.tech-select-grid{display:flex;flex-wrap:wrap;gap:14px}.tech-pill{padding:12px 18px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.tech-pill:hover{transform:translateY(-2px)}.active-tech{background:linear-gradient(135deg,#ff6b35,#ff3d77);color:#fff;border-color:transparent;box-shadow:0 12px 25px #ff6b3538}.selected-tech-preview{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.selected-tech-pill{padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#ff6b35,#ff3d77);color:#fff;font-size:13px;font-weight:600}.upload-box{border:2px dashed rgba(255,107,53,.2);border-radius:28px;padding:50px 30px;text-align:center;background:#ff6b3508}.upload-box svg{color:#ff6b35;margin-bottom:16px}.upload-box h3{font-size:1.5rem;margin-bottom:8px}.upload-box p{color:var(--text-secondary);margin-bottom:20px}.upload-box input{border:none;background:transparent}.featured-wrapper{display:flex;align-items:center}.featured-label{display:flex;align-items:center;gap:14px;font-weight:600}.publish-btn{width:fit-content;padding:18px 34px;border:none;border-radius:18px;background:linear-gradient(135deg,#ff6b35,#ff3d77);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease}.publish-btn:hover{transform:translateY(-3px);box-shadow:0 16px 30px #ff6b3538}.dark-mode .add-project-form{background:linear-gradient(145deg,#181820e6,#121218f5);border-color:#ffffff0f}.dark-mode .form-group input,.dark-mode .form-group textarea,.dark-mode .input-icon-wrapper,.dark-mode .tech-pill{background:#ffffff0a;border-color:#ffffff0f;color:#fff}@media (max-width: 768px){.add-project-header h1{font-size:2.8rem}.form-grid{grid-template-columns:1fr}.add-project-form{padding:28px}}.manage-page{min-height:100vh;max-width:1300px;margin:auto;padding:110px 24px}.manage-header{margin-bottom:60px}.manage-badge{display:inline-block;padding:8px 18px;border-radius:999px;background:#ff6b3514;border:1px solid rgba(255,107,53,.12);color:#ff6b35;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:20px}.manage-header h1{font-size:4rem;font-weight:900;letter-spacing:-3px;margin-bottom:14px}.manage-header p{color:#0000009e;line-height:1.8;max-width:700px}.manage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:34px}.manage-card{overflow:hidden;border-radius:34px;background:#ffffffb8;border:1px solid rgba(0,0,0,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s ease;box-shadow:0 18px 50px #00000014}.manage-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px #ff6b351f}.manage-image-wrapper{position:relative;height:240px;overflow:hidden}.manage-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.manage-card:hover .manage-image{transform:scale(1.05)}.featured-badge{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#ff6b35,#ff3d77);color:#fff;font-size:12px;font-weight:700}.manage-content{padding:28px}.manage-content h3{font-size:1.6rem;font-weight:800;margin-bottom:14px}.manage-content p{color:#000000a3;line-height:1.8;margin-bottom:24px}.manage-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.manage-tag{padding:8px 14px;border-radius:999px;background:#ff6b3514;border:1px solid rgba(255,107,53,.12);color:#ff6b35;font-size:12px;font-weight:700}.manage-links{display:flex;gap:12px;margin-bottom:22px}.visit-btn,.github-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:14px;text-decoration:none;font-size:13px;font-weight:700;transition:all .3s ease}.visit-btn{background:linear-gradient(135deg,#ff6b35,#ff3d77);color:#fff}.github-btn{background:#0000000f;color:#111}.visit-btn:hover,.github-btn:hover{transform:translateY(-2px)}.manage-actions{display:flex;gap:14px}.edit-btn,.delete-btn{flex:1;height:50px;border:none;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;cursor:pointer;transition:all .3s ease}.edit-btn{background:#0000000f;color:#111}.delete-btn{background:#ff50501f;color:#ff4d4d}.edit-btn:hover,.delete-btn:hover{transform:translateY(-2px)}@media (max-width: 768px){.manage-header h1{font-size:2.8rem}.manage-grid{grid-template-columns:1fr}}.contact-page{padding:160px 20px 100px}.contact-header{text-align:center;margin-bottom:60px}.contact-header h1{font-size:4.5rem;font-weight:900;letter-spacing:-4px;margin:20px 0}.contact-header p{max-width:720px;margin:auto;color:var(--text-secondary);line-height:1.9;font-size:18px}.contact-form{max-width:900px;margin:auto;background:#ffffffb8;border:1px solid rgba(0,0,0,.06);border-radius:36px;padding:45px;display:flex;flex-direction:column;gap:24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 40px #0000000f}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.contact-form input,.contact-form textarea{width:100%;padding:18px 22px;border-radius:18px;border:1px solid rgba(0,0,0,.08);background:#fffc;font-size:15px;outline:none;transition:all .3s ease}.contact-form textarea{min-height:220px;resize:vertical;line-height:1.8}.contact-form input:focus,.contact-form textarea:focus{border-color:#ff6b35;box-shadow:0 0 0 4px #ff6b351f}.contact-form button{width:fit-content;padding:18px 34px;border:none;border-radius:18px;background:linear-gradient(135deg,#ff6b35,#ff3d77);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease}.contact-form button:hover{transform:translateY(-3px);box-shadow:0 16px 30px #ff6b3538}.dark-mode .contact-form{background:linear-gradient(145deg,#181820eb,#121218f5);border-color:#ffffff0f}.dark-mode .contact-form input,.dark-mode .contact-form textarea{background:#ffffff0a;border-color:#ffffff0f;color:#fff}@media (max-width: 768px){.contact-header h1{font-size:3rem}.contact-grid{grid-template-columns:1fr}.contact-form{padding:28px}}.success-message{color:#22c55e;font-weight:600;margin-top:10px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#f8f6f4,#fff);color:#111;overflow-x:hidden}a{text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:1300px;margin:auto}.dark-mode{background:linear-gradient(135deg,#0f0f12,#17171d);color:#fff}.dark-mode .navbar,.dark-mode .theme-toggle,.dark-mode .work-card,.dark-mode .admin-form,.dark-mode .manage-card,.dark-mode .all-project-card{background:#19191eb8;border-color:#ffffff0f}.dark-mode p{color:#ffffffad}.dark-mode a{color:#fff}:root{--card-bg: rgba(255,255,255,.72)}.dark-mode{--card-bg: linear-gradient( 135deg, rgba(24,24,32,.88), rgba(18,18,24,.92) )}