/* Avon Infotech — unified professional public frontend theme */
:root{--avon-navy:#08264b;--avon-blue:#1265c8;--avon-gold:#e8b83f;--avon-ink:#142a43;--avon-muted:#64748b;--avon-line:#e1e9f2;--avon-bg:#f5f8fc;--avon-card:#fff;--avon-shadow:0 12px 32px rgba(8,38,75,.08)}
html{scroll-behavior:smooth;scroll-padding-top:88px}body{color:var(--avon-ink);background:var(--avon-bg);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(18,101,200,.3);outline-offset:2px}
/* Header and brand */
header.topbar{background:rgba(7,31,60,.97)!important;backdrop-filter:blur(14px);box-shadow:0 6px 24px rgba(4,22,44,.16);border-bottom:1px solid rgba(255,255,255,.12)}
header.topbar .nav{min-height:72px;height:auto;gap:clamp(12px,2vw,28px)}
header.topbar .brand{gap:12px;min-width:190px}
header.topbar .brand-logo-img,header.topbar .brandmark{width:58px;height:48px;object-fit:contain;background:#fff;border-radius:9px;padding:2px;box-shadow:0 3px 10px #0002;display:block;flex:0 0 58px}
header.topbar .brand strong{font-size:15px;letter-spacing:1px}
header.topbar .brand small{font-size:9px;letter-spacing:.45px}
header.topbar .navlinks{gap:clamp(12px,1.8vw,24px);font-size:12px;font-weight:650}
header.topbar .navlinks a{padding:10px 0;position:relative;transition:color .18s ease}
header.topbar .navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;border-radius:2px;background:var(--avon-gold);transition:right .2s ease}
header.topbar .navlinks a:hover:after,header.topbar .navlinks a.active:after{right:0}
header.topbar .navlinks a.active{color:#fff}
header.topbar .navlinks a.contactbtn{padding:10px 15px;background:var(--avon-gold);border-color:var(--avon-gold);color:#172b46;border-radius:9px}
header.topbar .navlinks a.contactbtn:after{display:none}
header.topbar .mobilemenu{display:none;border:1px solid #ffffff40;border-radius:9px;background:#ffffff12;color:#fff;padding:6px 11px;font-size:21px;cursor:pointer}
header.topbar .brandmark{font-size:0;background-image:url("/avon-logo-seal.png");background-position:center;background-size:contain;background-repeat:no-repeat}
/* Standalone public pages and exam header */
body>header:not(.topbar){background:linear-gradient(110deg,#071f3d,#0d4278)!important;color:#fff;padding:15px clamp(16px,4vw,34px)!important;box-shadow:0 6px 22px #08264b22;display:flex;align-items:center;gap:12px;min-height:68px}
body>header:not(.topbar):before{content:"";display:block;flex:0 0 54px;width:54px;height:44px;background:#fff url('/avon-logo-seal.png') center/contain no-repeat;border-radius:8px;padding:2px}
body>header:not(.topbar) b{letter-spacing:.7px;font-size:15px}
/* Content surfaces */
main{color:var(--avon-ink)}
main .card,main .panel,.fee-panel,.sp-card,.doc-paper{border:1px solid var(--avon-line);border-radius:16px;background:var(--avon-card);box-shadow:var(--avon-shadow)}
main h1,main h2,main h3{color:var(--avon-navy);letter-spacing:-.025em}
main h1{line-height:1.15}
main p{line-height:1.7}
/* Inputs */
input:not([type=radio]):not([type=checkbox]),select,textarea{border:1px solid #cbd7e5!important;border-radius:10px!important;background:#fff!important;color:var(--avon-ink)!important;padding:12px 13px!important;min-height:44px;max-width:100%;transition:border-color .18s,box-shadow .18s}
input:focus,select:focus,textarea:focus{border-color:var(--avon-blue)!important;box-shadow:0 0 0 4px rgba(18,101,200,.1)!important;outline:0}
label{color:#344b65;font-weight:650}
/* Buttons */
button,.btn,main a[role=button],main a.button{border-radius:10px;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
button:not(.mobilemenu),.btn{font-weight:700}
button:hover,.btn:hover{filter:brightness(1.04);box-shadow:0 7px 16px rgba(8,38,75,.14)}
button:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}
/* Homepage */
.hero{min-height:430px;background-position:center 38%;}
.hero-inner{max-width:620px}
.hero h1{font-size:clamp(34px,4.4vw,54px);letter-spacing:-1.6px}
.hero p{font-size:15px;max-width:470px}
.hero .btn{padding:12px 19px;border-radius:10px}
.services{border-radius:16px;box-shadow:0 16px 38px #092b4b18;padding:20px 14px}
.service .ico{background:#fff5dc;color:#9a6a00;border:1px solid #f3e3b7}
.section{padding-top:38px;padding-bottom:40px}
.sectionhead h2{font-size:25px}
.sectionhead p{font-size:12px}
.course{border-radius:15px;min-height:180px;padding:21px;box-shadow:0 10px 22px #0d31531a}
.course h3{font-size:15px}
.course p{font-size:12px;line-height:1.65}
.c1{background:linear-gradient(140deg,#0b3a70,#1265c8)}.c2{background:linear-gradient(140deg,#087f79,#12b59b)}.c3{background:linear-gradient(140deg,#1261a8,#2b9ad7)}.c4{background:linear-gradient(140deg,#a56b0a,#e5a21b)}
/* Quick access section */
.quick-access{padding:8px 0 38px}
.quick-access-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.quick-access-card{display:flex;align-items:center;gap:13px;min-height:92px;padding:17px;border:1px solid var(--avon-line);border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(8,38,75,.055);transition:transform .18s,box-shadow .18s}
.quick-access-card:hover{transform:translateY(-3px);box-shadow:0 13px 25px rgba(8,38,75,.11)}
.quick-access-icon{width:43px;height:43px;flex:0 0 43px;border-radius:12px;display:grid;place-items:center;background:#fff4d7;color:#815a05;font-size:21px}
.quick-access-card b{display:block;color:var(--avon-navy);font-size:13px}.quick-access-card small{display:block;color:var(--avon-muted);font-size:11px;margin-top:4px;line-height:1.45}
/* Student portal */
.sp-wrap{background:#f3f6fb;border-radius:16px;overflow:hidden}
.sp-layout{min-height:calc(100vh - 150px)!important;margin:0!important;gap:0}
.sp-menu{background:linear-gradient(180deg,#092b52,#0c3d70)!important;padding:22px 14px!important}
.sp-menu:before{font-size:18px!important;letter-spacing:-.3px}
.sp-menu button{border-radius:10px!important;min-height:48px!important;padding:12px 14px!important;font-size:14px!important;transition:background .16s,transform .16s}
.sp-menu button:hover{background:#ffffff18;transform:translateX(2px)}
.sp-menu button.active{background:linear-gradient(100deg,#176fd1,#0c58ae)!important}
.sp-main{background:#f3f6fb!important;padding:24px!important}
.sp-card{border-radius:15px!important;padding:22px!important;box-shadow:0 8px 24px #092b4b0a!important}
.sp-dashboard-grid{gap:15px!important}
.sp-dash-card{border-radius:14px!important;min-height:112px;transition:transform .16s,box-shadow .16s}
.sp-dash-card:hover{transform:translateY(-2px)}
.sp-form{gap:14px!important}
.sp-form input,.sp-form select{border-radius:9px!important}
.sp-btn{border-radius:9px!important;background:linear-gradient(100deg,#1265c8,#0b4f9e)!important;padding:12px 17px!important}
.sp-id{border-radius:14px!important;box-shadow:0 10px 28px #092b4b12}
.sp-id-head{background:linear-gradient(110deg,#08264b,#0e4e89)!important}
/* Exam */
body:has(#exam-area) .wrap{max-width:980px}
body:has(#exam-area) .card{padding:clamp(16px,3vw,28px);border-radius:16px}
body:has(#exam-area) #exam-clock{display:inline-flex;background:#fff4d9;color:#805800;padding:9px 14px;border-radius:9px;font-variant-numeric:tabular-nums}
body:has(#exam-area) .q{padding:19px 0;border-bottom:1px solid #e6edf5}
body:has(#exam-area) .opt{padding:11px 13px;border:1px solid #e2eaf3;border-radius:10px;margin:8px 0;cursor:pointer;line-height:1.5}
body:has(#exam-area) .opt:hover{background:#f5f9ff;border-color:#9abce5}
body:has(#exam-area) .notice{background:#fff6df;border:1px solid #f1dfb5;color:#72530b}
/* Tables, alerts and footer */
table{border-collapse:collapse;max-width:100%}th{background:#edf4fb;color:#173a60}td,th{padding:10px 12px;border-bottom:1px solid #e5edf5}tr:hover td{background:#f8fbff}
.error,.sp-error{border:1px solid #f3caca;border-radius:10px}.sp-ok{border:1px solid #bce5cd;border-radius:10px}
.footer{background:linear-gradient(120deg,#061c36,#0b3a68)!important;padding:34px 0 16px!important}
.footer .brand-logo-img{width:62px;height:48px;object-fit:contain;background:#fff;border-radius:8px;padding:2px}
.footer h4{color:#fff;font-size:13px}.footer p,.footer a{font-size:12px;line-height:1.8}
/* Mobile and tablet */
@media(max-width:900px){.quick-access-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header.topbar .navlinks{gap:12px}}
@media(max-width:760px){header.topbar .mobilemenu{display:block}header.topbar .nav{height:64px;min-height:64px}.hero{min-height:420px}.services{margin-top:-20px}.quick-access-grid{gap:10px}.quick-access-card{min-height:84px;padding:12px}.sp-layout{flex-direction:column!important}.sp-menu{width:100%!important;flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px!important}.sp-menu:before{grid-column:1/-1;padding:4px 8px 10px!important}.sp-menu button{font-size:12px!important;padding:10px!important;min-height:43px!important}.sp-main{padding:12px!important}.sp-card{padding:15px!important}body>header:not(.topbar){min-height:60px;padding:10px 14px!important}body>header:not(.topbar):before{width:46px;height:38px;flex-basis:46px}}
@media(max-width:480px){.quick-access-grid{grid-template-columns:1fr 1fr}.quick-access-card{gap:8px}.quick-access-icon{width:36px;height:36px;flex-basis:36px}.quick-access-card b{font-size:12px}.quick-access-card small{font-size:10px}.hero h1{font-size:34px}.sectionhead h2{font-size:22px}.footer .footgrid{grid-template-columns:1fr 1fr}.footer .footgrid>div:first-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Consistent footer on the standalone About and Courses pages */
body>footer:not(.footer){background:linear-gradient(120deg,#061c36,#0b3a68);color:#fff;padding:30px 0 16px}
body>footer .brand-logo-img{width:58px;height:48px;object-fit:contain;background:#fff;border-radius:8px;padding:2px}
body>footer h4{color:#fff;font-size:13px}
body>footer p,body>footer a{color:#d0deec}

/* Premium frontend refinement — Avon Infotech */
:root{--avon-radius:18px;--avon-ease:cubic-bezier(.2,.75,.25,1)}
body{background:linear-gradient(180deg,#f8faff 0%,#f3f7fc 55%,#fff 100%)}
.wrap{width:min(1180px,calc(100% - 40px));margin-left:auto;margin-right:auto}
header.topbar{position:sticky;top:0;z-index:1000}
header.topbar .nav{max-width:1240px}
header.topbar .brand-logo-img{width:54px;height:54px;flex-basis:54px;border-radius:12px;padding:3px}
header.topbar .brand strong{font-size:16px;letter-spacing:1.15px}
header.topbar .brand small{display:block;margin-top:3px;color:#c6d5e7;font-size:9px;letter-spacing:.9px}
header.topbar .navlinks a{font-size:12px;letter-spacing:.15px}
header.topbar .navlinks a.contactbtn{padding:11px 18px;box-shadow:0 5px 14px #e8b83f35}
.hero{position:relative;isolation:isolate;min-height:470px;display:flex;align-items:center;overflow:hidden;background-color:#08264b;background-position:center 38%;}
.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 78% 30%,#2b83cf40,transparent 42%),linear-gradient(105deg,#061d39f5 0%,#082b50e8 48%,#0a3769a8 100%)}
.hero-inner{max-width:690px;padding:56px 0 66px}
.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid #ffffff35;border-radius:999px;background:#ffffff12;color:#f5cb65;font-size:11px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}
.hero h1{margin:19px 0 10px;color:#fff;font-size:clamp(38px,5.2vw,62px);line-height:1.06;letter-spacing:-2px}
.hero h1 span{color:#f1c65d}
.hero h2{margin:0 0 13px;color:#dceaff;font-size:clamp(17px,2vw,22px);font-weight:650;letter-spacing:.2px}
.hero p{max-width:540px;color:#e0eaf6;font-size:15px;line-height:1.8}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.hero .btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:12px 21px;border:1px solid #efc45d;background:linear-gradient(135deg,#f3cf70,#dfaa32);color:#142b49;font-weight:800;box-shadow:0 8px 20px #0002}
.hero .btn.secondary{border-color:#ffffff65;background:#ffffff12;color:#fff;box-shadow:none;backdrop-filter:blur(8px)}
.section{padding-top:54px;padding-bottom:48px}
.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:21px}
.sectionhead h2{margin:0;color:#08264b;font-size:clamp(23px,3vw,30px);letter-spacing:-.7px}
.sectionhead p{margin:7px 0 0;color:#718198;font-size:13px}
.courses{gap:16px}
.course{position:relative;overflow:hidden;border:1px solid #ffffff25;border-radius:18px;min-height:190px;padding:24px;box-shadow:0 12px 28px #08264b18}
.course:after{content:"";position:absolute;width:130px;height:130px;right:-44px;top:-48px;border:1px solid #ffffff2c;border-radius:50%;box-shadow:0 0 0 18px #ffffff0b,0 0 0 36px #ffffff08;pointer-events:none}
.course .courseico{width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:14px;background:#ffffff18;font-size:25px}
.course h3{margin:6px 0 7px;color:#fff;font-size:16px}
.course p{max-width:300px;color:#eff6ffdc;font-size:12px}
.quick-access{padding:8px 0 54px}
.quick-access-card{min-height:104px;border-radius:16px;padding:18px;background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:0 8px 24px #08264b0b;transition:transform .22s var(--avon-ease),border-color .22s,box-shadow .22s}
.quick-access-card:hover{transform:translateY(-4px);border-color:#b8cee7;box-shadow:0 16px 32px #08264b17}
.quick-access-icon{width:47px;height:47px;flex-basis:47px;border-radius:14px;background:linear-gradient(145deg,#fff5d9,#ffedb5);color:#805b0c;font-size:22px}
.flash-wrap{border-bottom:1px solid #e8d9ae;background:#fffaf0}
.flashbar{min-height:46px}
.footer{margin-top:20px}
button,.btn,a{transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
:where(.card,.panel,.fee-panel,.sp-card,.doc-paper){box-shadow:0 12px 32px rgba(8,38,75,.065)}
@media(max-width:760px){.wrap{width:calc(100% - 28px)}.hero{min-height:420px;background-position:62% center}.hero-inner{padding:48px 0 56px}.hero h1{font-size:clamp(34px,9vw,44px);letter-spacing:-1.2px}.hero p{font-size:14px}.section{padding-top:36px;padding-bottom:34px}.sectionhead{align-items:flex-start}.course{min-height:155px;padding:16px}.quick-access{padding-bottom:36px}}
@media(max-width:480px){.hero .actions{display:grid;grid-template-columns:1fr 1fr}.hero .btn{padding:11px 12px;font-size:12px}.course .courseico{width:40px;height:40px}.course h3{font-size:13px}.course p{font-size:11px}.quick-access-card{min-height:88px}}