*{box-sizing:border-box}body{color:#f8fafc;background:#0f172a;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.navbar{background:#111827;border-bottom:3px solid #38bdf8;justify-content:space-between;align-items:center;padding:18px 45px;display:flex}.navbar h2{color:#38bdf8;margin:0}.nav-links{gap:22px;display:flex}.nav-links a{font-weight:700}.nav-links a:hover{color:#38bdf8}.container{width:min(1100px,90%);margin:40px auto}.page{flex-direction:column;gap:30px;display:flex}.page-header{background:linear-gradient(135deg,#1e293b,#0f766e);border-radius:24px;padding:35px;box-shadow:0 12px 30px #00000040}.page-header h1{margin:8px 0 12px;font-size:42px}.eyebrow{color:#67e8f9;text-transform:uppercase;letter-spacing:2px;margin:0;font-size:13px;font-weight:700}.hero{text-align:center;background:linear-gradient(135deg,#1e293b,#2563eb);border-radius:28px;padding:55px}.hero h1{margin-bottom:15px;font-size:52px}.hero p{max-width:650px;margin:0 auto;line-height:1.6}.button,.linkedin-button{color:#0f172a;background:#38bdf8;border-radius:999px;margin-top:22px;padding:13px 22px;font-weight:700;transition:all .2s;display:inline-block}.button:hover,.linkedin-button:hover{background:#67e8f9;transform:translateY(-2px)}.search-form{background:#1e293b;border-radius:18px;gap:12px;padding:18px;display:flex}.search-form input{border:2px solid #0000;border-radius:12px;outline:none;flex:1;padding:13px 16px}.search-form input:focus{border-color:#38bdf8}.search-form button{color:#0f172a;cursor:pointer;background:#38bdf8;border:none;border-radius:12px;padding:13px 20px;font-weight:700}.pokemon-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:22px;display:grid}.pokemon-card{background:#1e293b;border:2px solid #334155;border-radius:22px;min-height:185px;padding:22px;transition:all .2s;position:relative;overflow:hidden}.pokemon-card:hover{border-color:#38bdf8;transform:translateY(-6px);box-shadow:0 14px 30px #38bdf833}.pokemon-card span{color:#67e8f9;font-weight:700}.pokemon-card img{width:100px;image-rendering:pixelated;margin-left:auto;display:block}.pokemon-card h2{text-transform:capitalize;margin:8px 0 0}.pagination{justify-content:center;align-items:center;gap:18px;margin-top:10px;display:flex}.pagination button{color:#0f172a;cursor:pointer;background:#38bdf8;border:none;border-radius:12px;padding:11px 18px;font-weight:700}.pagination button:disabled{opacity:.4;cursor:not-allowed}.about-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.info-box,.contact-card{background:#1e293b;border:1px solid #334155;border-radius:22px;padding:28px}.info-box h2,.contact-card h2{color:#67e8f9}.info-box li{margin-bottom:10px}.contact-card{justify-content:space-between;align-items:center;gap:25px;display:flex}.details-page{flex-direction:column;gap:20px;display:flex}.back-link{color:#67e8f9;font-weight:700}.details-card{background:#1e293b;border:1px solid #334155;border-radius:28px;grid-template-columns:330px 1fr;gap:35px;padding:35px;display:grid}.details-image{background:radial-gradient(circle,#38bdf8,#0f172a 65%);border-radius:26px;justify-content:center;align-items:center;display:flex}.details-image img{width:260px}.details-info h1{text-transform:capitalize;margin:5px 0 18px;font-size:46px}.pokemon-number{color:#67e8f9;font-weight:700}.tag-list{flex-wrap:wrap;gap:10px;display:flex}.type-badge,.tag-list span{color:#0f172a;background:#38bdf8;border-radius:999px;padding:8px 14px;font-weight:700}.info-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0;display:grid}.info-grid div{text-align:center;background:#0f172a;border-radius:16px;padding:16px}.ability-list{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.ability-list li{text-transform:capitalize;background:#0f172a;border-radius:12px;padding:10px 14px}.stats-list{flex-direction:column;gap:12px;display:flex}.stat-row{grid-template-columns:120px 1fr 45px;align-items:center;gap:12px;display:grid}.stat-row span{text-transform:capitalize}.stat-bar{background:#0f172a;border-radius:999px;height:12px;overflow:hidden}.stat-bar div{background:#38bdf8;border-radius:999px;height:100%}.error{color:#fff;background:#7f1d1d;border-radius:12px;padding:15px}.loading{text-align:center;background:#1e293b;border-radius:16px;padding:20px}@media (width<=800px){.navbar{flex-direction:column;gap:15px}.about-grid,.details-card,.contact-card{flex-direction:column;grid-template-columns:1fr}.details-card{display:flex}.info-grid{grid-template-columns:1fr}.search-form{flex-direction:column}.hero h1,.page-header h1,.details-info h1{font-size:34px}}