*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green-900:#0a3d2e;--green-800:#0d4f3c;--green-700:#116b50;--green-600:#158c68;--green-500:#1aa87e;--green-400:#3bbf96;--green-100:#e6f5ef;--green-50:#f0faf5;--gold-500:#c8a951;--gold-400:#d4bb6e;--gold-300:#e0cd8b;--gray-900:#111827;--gray-700:#374151;--gray-600:#4b5563;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--white:#fff;--red-500:#ef4444;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}body{color:var(--gray-700);background:var(--gray-50);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--green-900);border-bottom:3px solid var(--gold-500);z-index:100;position:sticky;top:0}.header-inner{align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:12px 24px;display:flex}.header-logo{border-radius:50%;width:52px;height:52px}.header-text{flex-direction:column;display:flex}.header-university{color:var(--white);letter-spacing:.5px;font-size:18px;font-weight:700}.header-pdc{color:var(--gold-400);letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:500}.hero{background:linear-gradient(135deg, var(--green-900) 0%, var(--green-700) 50%, var(--green-800) 100%);text-align:center;padding:80px 24px 60px;position:relative;overflow:hidden}.hero-overlay{pointer-events:none;background:radial-gradient(at 20%,#c8a95114 0%,#0000 60%),radial-gradient(at 80%,#ffffff0a 0%,#0000 60%);position:absolute;inset:0}.hero-content{max-width:720px;margin:0 auto;position:relative}.hero h1{color:var(--white);letter-spacing:-.5px;margin-bottom:16px;font-size:42px;font-weight:700;line-height:1.2}.hero-subtitle{color:#fffc;margin-bottom:40px;font-size:17px;line-height:1.6}.search-form{max-width:640px;margin:0 auto}.search-box{background:var(--white);box-shadow:var(--shadow-xl);border-radius:12px;align-items:center;padding:6px 6px 6px 18px;transition:box-shadow .2s;display:flex}.search-box:focus-within{box-shadow:var(--shadow-xl), 0 0 0 3px #c8a95166}.search-icon{width:20px;height:20px;color:var(--gray-400);flex-shrink:0}.search-box input{color:var(--gray-900);background:0 0;border:none;outline:none;flex:1;padding:12px;font-family:inherit;font-size:15px}.search-box input::placeholder{color:var(--gray-400)}.search-box button{background:var(--green-700);color:var(--white);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s}.search-box button:hover{background:var(--green-800)}.search-box button:disabled{opacity:.7;cursor:not-allowed}.search-error{color:#fca5a5;margin-top:16px;font-size:14px}.results{background:var(--white);padding:48px 24px}.results-inner{max-width:1000px;margin:0 auto}.results-heading{color:var(--green-900);margin-bottom:28px;font-size:24px;font-weight:700}.no-results{text-align:center;color:var(--gray-500);padding:48px 0}.no-results svg{width:48px;height:48px;color:var(--gray-400);margin-bottom:16px}.no-results h3{color:var(--gray-700);margin-bottom:8px;font-size:20px}.cards{grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:24px;display:grid}.card{background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);border-radius:12px;transition:box-shadow .2s,transform .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{background:linear-gradient(135deg, var(--green-900), var(--green-700));align-items:center;gap:16px;padding:20px 24px;display:flex}.card-avatar{width:48px;height:48px;color:var(--white);background:#ffffff26;border:2px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.card-name{color:var(--white);font-size:18px;font-weight:600;line-height:1.3}.card-number{color:var(--gold-300);letter-spacing:.5px;font-size:13px;font-weight:500}.card-body{flex-direction:column;gap:12px;padding:20px 24px;display:flex}.card-row{gap:12px;display:flex}.card-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:70px;font-size:13px;font-weight:600}.card-value{color:var(--gray-900);word-break:break-word;font-size:14px}.card-footer{border-top:1px solid var(--gray-200);background:var(--gray-50);padding:16px 24px}.download-btn{background:var(--green-700);color:var(--white);border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.download-btn:hover{background:var(--green-800)}.download-btn svg{width:18px;height:18px}.about{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:64px 24px}.about-inner{text-align:center;max-width:800px;margin:0 auto}.about h2{color:var(--green-900);margin-bottom:20px;font-size:28px;font-weight:700}.about p{color:var(--gray-600);font-size:16px;line-height:1.8}.footer{background:var(--green-900);border-top:3px solid var(--gold-500);margin-top:auto;padding:28px 24px}.footer-inner{justify-content:center;align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}.footer-logo{border-radius:50%;width:36px;height:36px}.footer p{color:#ffffffb3;font-size:13px}@media (width<=768px){.hero{padding:48px 16px 40px}.hero h1{font-size:28px}.hero-subtitle{margin-bottom:28px;font-size:15px}.search-box{flex-direction:column;gap:0;padding:8px}.search-icon{display:none}.search-box input{text-align:center;width:100%}.search-box button{width:100%}.cards{grid-template-columns:1fr}.card-row{flex-direction:column;gap:2px}.header-university{font-size:15px}.header-pdc{font-size:11px}.header-logo{width:40px;height:40px}}