@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#00d4ff;--secondary:#09c;--dark:#0a0e27;--text:#e0e6ff;--text-dim:#a0a8d8}html,body{height:100%}body{color:var(--text);background:linear-gradient(135deg,#050810 0%,#0a1428 50%,#1a0f2e 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.main-card{border:2px solid var(--primary);background:#0a0e27f2;border-radius:12px;width:100%;max-width:1000px;padding:40px;animation:.8s ease-out slideUp;box-shadow:0 0 40px #00d4ff26}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero{text-align:center;border-bottom:1px solid #00d4ff33;margin-bottom:45px;padding-bottom:30px}.handle{color:var(--text-dim);letter-spacing:.5px;text-transform:lowercase;margin-bottom:8px;font-size:.8rem;font-weight:600}.name{color:var(--text);letter-spacing:.5px;margin-bottom:8px;font-size:2.2rem;font-weight:800}.title{color:var(--primary);margin-bottom:6px;font-size:1.05rem;font-weight:700}.tagline{color:var(--text-dim);letter-spacing:.5px;margin-bottom:6px;font-size:.9rem}.experience{color:var(--text);letter-spacing:.3px;margin-bottom:20px;font-size:.9rem;font-weight:600}.links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.link-btn{border:1.5px solid var(--primary);color:var(--primary);text-transform:uppercase;letter-spacing:.4px;cursor:pointer;background:0 0;border-radius:4px;padding:9px 18px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .3s}.link-btn:hover{background:var(--primary);color:var(--dark);box-shadow:0 0 15px var(--primary);transform:translateY(-2px)}.section-title{text-transform:uppercase;letter-spacing:2px;color:var(--primary);text-shadow:0 0 8px #00d4ff26;margin-bottom:20px;font-size:.9rem;font-weight:800}.skills-section{margin-bottom:45px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.skill-card{background:linear-gradient(135deg,#0099cc14,#00d4ff0d);border:1px solid #00d4ff33;border-radius:6px;padding:16px;transition:all .3s}.skill-card:hover{border-color:var(--primary);background:linear-gradient(135deg,#0099cc26,#00d4ff1a);transform:translateY(-2px);box-shadow:0 0 12px #00d4ff1a}.skill-name{color:var(--primary);margin-bottom:8px;font-size:.95rem;font-weight:700}.skill-list{flex-direction:column;gap:4px;list-style:none;display:flex}.skill-list li{color:var(--text-dim);padding-left:10px;font-size:.8rem;position:relative}.skill-list li:before{content:"→";color:var(--secondary);font-weight:700;position:absolute;left:0}.projects-section{margin-bottom:0}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.project-card{background:linear-gradient(135deg,#0099cc14,#00d4ff0d);border:1px solid #00d4ff33;border-radius:6px;flex-direction:column;gap:8px;padding:16px;transition:all .3s;display:flex}.project-card:hover{border-color:var(--primary);background:linear-gradient(135deg,#0099cc26,#00d4ff1a);transform:translateY(-2px);box-shadow:0 0 12px #00d4ff1a}.project-title{color:var(--primary);font-size:.95rem;font-weight:700}.project-description{color:var(--text-dim);flex:1;font-size:.8rem;line-height:1.4}.project-links{flex-wrap:wrap;gap:8px;display:flex}.project-link{border:.5px solid var(--secondary);color:var(--primary);text-transform:uppercase;letter-spacing:.2px;cursor:pointer;background:#00d4ff14;border-radius:3px;padding:5px 10px;font-size:.65rem;font-weight:600;text-decoration:none;transition:all .3s}.project-link:hover{background:var(--primary);color:var(--dark);border-color:var(--primary)}@media (max-width:768px){.main-card{padding:28px}.name{font-size:1.8rem}.title{font-size:.95rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:12px}.projects-grid{grid-template-columns:1fr}.hero{margin-bottom:35px;padding-bottom:25px}}@media (max-width:480px){.page{padding:12px}.main-card{border-radius:10px;padding:20px}.handle{margin-bottom:6px;font-size:.75rem}.name{letter-spacing:.3px;font-size:1.5rem}.title{font-size:.85rem}.tagline,.experience{font-size:.8rem}.skills-grid{grid-template-columns:1fr;gap:10px}.skill-card{padding:12px}.skill-name{margin-bottom:6px;font-size:.85rem}.skill-list li{font-size:.75rem}.project-card{gap:6px;padding:12px}.project-title{font-size:.85rem}.project-description{font-size:.75rem}.links{gap:10px}.link-btn{padding:7px 12px;font-size:.7rem}.section-title{margin-bottom:14px;font-size:.8rem}.hero{margin-bottom:28px;padding-bottom:20px}}.skills-badges{flex-direction:column;gap:20px;display:flex}.badge-category{flex-direction:column;gap:10px;display:flex}.badge-category-title{color:var(--primary);letter-spacing:.5px;font-size:.9rem;font-weight:700}.badges-container{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tech-badge{height:25px;transition:transform .3s}.tech-badge:hover{transform:scale(1.05)}@media (max-width:768px){.badges-container{gap:6px}.tech-badge{height:22px}}@media (max-width:480px){.tech-badge{height:20px}.badges-container{gap:5px}}