*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:linear-gradient(135deg,#2563eb 0%,#06b6d4 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;line-height:1.6}main{max-width:1200px;margin:0 auto;padding:40px 20px}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fffffff2;padding:16px 20px;position:sticky;top:0;box-shadow:0 2px 20px #0000001a}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0;display:flex}.nav-logo{color:#2563eb;letter-spacing:-.02em;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-logo:hover{color:#06b6d4}.nav-menu{align-items:center;gap:32px;list-style:none;display:flex}.nav-link{color:#4a5568;padding:8px 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,#2563eb,#06b6d4);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover{color:#2563eb}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:#2563eb}.hero{text-align:center;margin:80px 0 120px}.hero-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#f0f0f0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:4.5rem;font-weight:800;line-height:1.1}.hero-subtitle{color:#ffffffe6;text-transform:uppercase;letter-spacing:.2em;margin-bottom:20px;font-size:1.5rem;font-weight:600}.hero-description{color:#ffffffd9;max-width:600px;margin:20px auto 40px;font-size:1.2rem;line-height:1.8}.btn{cursor:pointer;border:none;border-radius:8px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #0003}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#06b6d4 100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.btn-secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d}.btn-secondary:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.hero-buttons{justify-content:center;gap:20px;margin-top:40px;display:flex}.section{background:#fff;border-radius:20px;margin-bottom:80px;padding:60px 40px;box-shadow:0 10px 40px #0000001a}.section-title{color:#1a1a1a;letter-spacing:-.02em;margin-bottom:16px;font-size:2.5rem;font-weight:700}.section-subtitle{color:#718096;margin-bottom:40px;font-size:1.1rem;font-weight:400}.section-desc{color:#4a5568;margin-bottom:24px;font-size:1.1rem;line-height:1.8}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.project-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;padding:28px;transition:all .3s;display:flex}.project-card:hover{border-color:#2563eb;transform:translateY(-4px);box-shadow:0 12px 30px #2563eb26}.project-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.project-title{color:#1a1a1a;font-size:1.4rem;font-weight:700}.project-badge{color:#4a5568;text-transform:uppercase;letter-spacing:.05em;background:#f7fafc;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-block}.project-badge.completed{color:#fff;background:linear-gradient(135deg,#81e6d9 0%,#48bb78 100%)}.project-desc{color:#718096;flex-grow:1;font-size:1rem;line-height:1.7}.project-meta{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.project-tech{color:#2563eb;background:linear-gradient(135deg,#2563eb15 0%,#06b6d415 100%);border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:600}.project-link{color:#2563eb;align-items:center;gap:8px;margin-top:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.project-link:hover{color:#06b6d4;transform:translate(4px)}.upload-section{text-align:center;background:#fff;border:1px solid #ccc;margin-bottom:40px;padding:24px}.upload-section:hover{background:#f9f9f9;border-color:#036}.auth-prompt{text-align:center;background:#fffacd;border:2px solid #c00;margin-bottom:40px;padding:40px}.auth-prompt h3{color:#c00;margin-bottom:12px}.files-grid{flex-direction:column;gap:8px;margin-top:20px;display:flex}.file-item{background:#fff;border:1px solid #ccc;transition:all .2s;display:flex}.file-item:hover{background:#f9f9f9;border-color:#036}.file-image{object-fit:cover;background:#e6e6e6;flex-shrink:0;width:80px;height:80px}.file-info{flex-wrap:wrap;flex-grow:1;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.file-details{flex-grow:1}.file-name{color:#036;word-break:break-word;margin-bottom:4px;font-size:.95rem;font-weight:700}.file-date{color:#666;font-size:.85rem}.file-actions{gap:8px;display:flex}.file-btn{color:#036;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ccc;padding:6px 12px;font-family:Arial,sans-serif;font-size:.85rem;transition:background .2s}.file-btn:hover{background:#e6f0ff;border-color:#036}.file-btn.approve{color:#090;background:#cfc;border-color:#090}.file-btn.approve:hover{background:#9f9}.file-btn.reject{color:#c00;border-color:#c00}.file-btn.reject:hover{background:#ffe6e6}.empty-state{text-align:center;color:#666;padding:40px}.admin-section{background:#fffacd;border:2px solid #c00;margin-bottom:40px;padding:24px}.admin-section h2{color:#c00;text-transform:uppercase;margin-bottom:16px;font-size:1.2rem}.contact-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.contact-item-card{text-align:center;background:linear-gradient(135deg,#2563eb0d 0%,#06b6d40d 100%);border:2px solid #e2e8f0;border-radius:12px;padding:28px;transition:all .3s}.contact-item-card:hover{border-color:#2563eb;transform:translateY(-4px);box-shadow:0 8px 20px #2563eb26}.contact-item-card h3{color:#1a1a1a;margin-bottom:12px;font-size:1.1rem;font-weight:700}.contact-item-card a,.contact-item-card p{color:#2563eb;font-size:1rem;font-weight:500;text-decoration:none}.contact-item-card a:hover{color:#06b6d4;text-decoration:underline}.footer{text-align:center;color:#ffffffb3;margin-top:80px;padding:40px 20px;font-size:.95rem}.experience-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.experience-item{background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);border:1px solid #e2e8f0;border-radius:12px;padding:32px;transition:all .3s}.experience-item:hover{border-color:#2563eb;transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.experience-title{color:#1a1a1a;letter-spacing:-.01em;margin-bottom:20px;font-size:1.2rem;font-weight:700}.skill-list{flex-direction:column;gap:12px;list-style:none;display:flex}.skill-list li{color:#4a5568;padding-left:24px;font-size:1rem;position:relative}.skill-list li:before{content:"✓";color:#2563eb;font-weight:700;position:absolute;left:0}@media (max-width:900px){main{padding:20px}.hero-title{font-size:3rem}.section{padding:40px 24px}}@media (max-width:600px){main{padding:12px}body{padding:0}.hero{margin:40px 0 80px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{flex-direction:column}.nav-menu{gap:16px}.nav-link{font-size:.85rem}.section{border-radius:12px;padding:32px 20px}.section-title{font-size:1.8rem}.projects-grid{grid-template-columns:1fr}}