*{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:60px 24px;background:radial-gradient(ellipse at 35% 50%,#f0f6fc80,transparent 45%),radial-gradient(ellipse at 73% 53%,#f5f0fa80,transparent 40%),linear-gradient(135deg,#fdfdfd,#f7f7f8);color:#151c2b;font-family:Arial,Helvetica,sans-serif}.profile-card{width:min(100%,570px);padding:47px 47px 46px;background:#fff;border:1px solid #e0e2e7;border-radius:24px;text-align:center;box-shadow:0 32px 50px -12px #1c253a3b;transform:translateY(12px)}.portrait{position:relative;overflow:hidden;width:140px;height:140px;margin:0 auto 38px;border-radius:50%;background:#c5c8e0}.portrait img{position:absolute;width:1137.35%;max-width:none;height:auto;left:-581.93%;top:-193.37%}h1{font-size:35px;font-weight:750;letter-spacing:-.8px;line-height:1.25;margin:0 -15px 18px}.location{display:flex;justify-content:center;align-items:center;gap:8px;font-size:24px;color:#596373;margin:0 0 50px}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.links{display:grid;grid-template-columns:1fr 1fr;gap:17px}.links>a,.socials>a,button{min-height:58px;display:flex;align-items:center;justify-content:center;gap:22px;border:1.5px solid #d3d7df;border-radius:9px;background:#f9f9fb;color:#151c2b;font:500 20px/1.25 Arial,Helvetica,sans-serif;text-decoration:none;padding:12px;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.socials{display:flex;justify-content:center;gap:23px;margin-top:34px}.socials button,.socials>a{padding:12px 18px;min-height:53px;gap:21px}.links>a:hover,.socials>a:hover,button:hover{background:#f0f2f8;border-color:#a1abc0;transform:translateY(-1px)}a:focus-visible,button:focus-visible{outline:3px solid #788caf;outline-offset:4px}#notice{font-size:14px;line-height:1.5;color:#596373;margin:23px 0 0}@media(max-width:620px){body{padding:30px 18px}.profile-card{padding:35px 25px;transform:none;border-radius:22px}.portrait{width:125px;height:125px;margin-bottom:28px}h1{font-size:clamp(23px,5.5vw,32px);margin:0 -10px 18px}.location{font-size:21px;margin-bottom:32px}.links{gap:13px}.links>a,.socials>a,button{font-size:17px;gap:12px;min-height:54px}.socials{gap:15px;margin-top:25px}.socials button,.socials>a{font-size:17px;gap:13px;padding:11px 14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.links>button[data-label="Resume"]{grid-column:1 / -1}

body{background:#050818;isolation:isolate}#cyber-background{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.profile-card{background:rgba(255,255,255,.97);border-color:#ffffffba;box-shadow:0 28px 75px #0008,0 0 65px #38e8ff16;position:relative}.motion-toggle{position:fixed;bottom:18px;right:20px;z-index:2;min-height:38px;padding:9px 14px;border:1px solid #72cde950;background:#0b1632e8;color:#d9efff;font-size:12px;letter-spacing:.3px;backdrop-filter:blur(12px)}.motion-toggle:hover{background:#152544;border-color:#7ae8ff}.motion-toggle:focus-visible{outline-color:#65e7ff}@media(max-width:620px){body{padding-bottom:76px}.motion-toggle{bottom:12px;right:14px}}

/* Let the animated cybersecurity background continue through the profile. */
html{color-scheme:dark}
.profile-card{background:rgba(7,13,32,.38);border:1px solid rgba(141,201,255,.28);box-shadow:0 28px 75px #0006,inset 0 1px 0 #d7f7ff12;color:#f2f7ff}
h1{color:#f2f7ff;text-shadow:0 2px 14px #050818}
.location{color:#c2d5ec}
.links>a,.socials>a,.links>button,.socials>button{background:rgba(11,22,48,.66);border-color:rgba(131,183,224,.36);color:#edf7ff;backdrop-filter:blur(5px)}
.links>a:hover,.socials>a:hover,.links>button:hover,.socials>button:hover{background:rgba(33,58,91,.84);border-color:#65dbea;box-shadow:0 0 20px #30e8ff15}
a:focus-visible,button:focus-visible{outline-color:#76e7ff}
#notice{color:#c2d5ec}

/* A slightly more compact profile layout. */
.profile-card{width:min(100%,510px);padding:38px 40px}
.portrait{width:122px;height:122px;margin-bottom:30px}
h1{font-size:31px}
.location{font-size:21px;margin-bottom:38px}
.links{gap:14px}
.links>a,.links>button{min-height:51px;font-size:18px;padding:10px}
.socials{margin-top:28px;gap:20px}
.socials>a,.socials>button{min-height:48px;font-size:18px;padding:10px 16px;gap:17px}
@media(max-width:620px){.profile-card{padding:30px 24px}.portrait{width:110px;height:110px;margin-bottom:25px}h1{font-size:clamp(23px,5.5vw,29px)}.location{font-size:20px;margin-bottom:29px}.links>a,.links>button,.socials>a,.socials>button{font-size:17px;min-height:49px}.socials{gap:15px;margin-top:24px}}

/* Slightly smaller profile typography. */
h1{font-size:28px}
.location{font-size:19px}
.links>a,.links>button,.socials>a,.socials>button{font-size:16px}
@media(max-width:620px){h1{font-size:clamp(21px,5vw,26px)}.location{font-size:18px}}


/* Crisp native text rendering and clearer contrast over the animation. */
body{font-family:Arial,Helvetica,sans-serif;text-rendering:optimizeLegibility}
.profile-card{transform:none;background:rgba(7,13,32,.56)}
h1{font-weight:700;letter-spacing:-.35px;text-shadow:none;color:#fff}
.location{color:#e0eaf7}
.links>a,.links>button,.socials>a,.socials>button{font-weight:600;color:#fff;background:rgba(9,20,44,.88);border-color:rgba(160,202,235,.48);backdrop-filter:none}
#notice{color:#e0eaf7}

.links>.resume-link{grid-column:1 / -1}

[hidden]{display:none!important}.portrait img.uploaded-photo{position:static;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center}.photo-settings{margin:-12px auto 24px;padding:12px;border:1px solid #779cb34d;border-radius:9px;background:#0b1a32;color:#d9eaff;font-size:14px}.photo-settings summary{cursor:pointer;color:#9beaff;font-size:14px}.photo-settings form{padding-top:15px;text-align:left}.photo-settings label{display:block;margin-bottom:12px}.photo-settings input{width:100%;font-size:14px;color:#d9eaff}.photo-settings p{font-size:13px;line-height:1.5}.photo-settings button{font-size:14px;min-height:40px;margin:auto;color:#effaff;background:#21465d;border-color:#619dbd}.photo-settings button:disabled{opacity:.5;cursor:wait}#photo-status{margin:10px 0 0}

/* Crimson surfaces complement the red-team animation. */
body{background:#090309}.profile-card{background:rgba(19,7,17,.64);border-color:#ff677c40;box-shadow:0 28px 75px #0008,0 0 60px #ff23430c}.links>a,.links>button,.socials>a,.socials>button{background:rgba(34,12,25,.9);border-color:#bf657b70}.links>a:hover,.links>button:hover,.socials>a:hover,.socials>button:hover{background:#481b2de6;border-color:#ff7384;box-shadow:0 0 18px #ff35551a}a:focus-visible,button:focus-visible{outline-color:#ff9aab}

/* Terminal-inspired surfaces, with readable native text. */
body{background:#030907}.profile-card{background:rgba(4,15,11,.88);border:1px solid #5fffa43b;border-radius:14px;box-shadow:0 32px 90px #000b,0 0 70px #38ed7710;padding-top:49px}.profile-card::before{content:"~/madushanxj   /   security";position:absolute;left:0;right:0;top:0;text-align:left;padding:10px 18px;border-bottom:1px solid #73db9b22;background:#0c201580;border-radius:14px 14px 0 0;font:11px/1.4 monospace;letter-spacing:.7px;color:#8fb69c}.portrait{box-shadow:0 0 0 2px #0a2014,0 0 0 3px #61ec9555,0 0 28px #5af59116}.location{color:#afc6b8}h1{color:#effff4}.links>a,.links>button,.socials>a,.socials>button{background:#0b1b13db;border:1px solid #53936660;color:#e1f6e8;border-radius:5px}.links>a:hover,.links>button:hover,.socials>a:hover,.socials>button:hover{background:#163c26d9;border-color:#70e69a;box-shadow:inset 3px 0 #76ffa7,0 0 18px #53ff8610}.links>a svg,.socials>a svg{color:#82e4a8}.photo-settings{background:#0a1b12;border-color:#50946a55}.photo-settings summary{color:#91f4b3}.photo-settings button{background:#173a24;border-color:#5c9b72}a:focus-visible,button:focus-visible{outline-color:#8effb3}.certification-card,.upload-panel,.empty-resume{background:#08160fee;border-color:#56876850}.verify-credential,.resume-button{background:#163523;border-color:#70a68070;color:#edfff2}.verify-credential:hover,.resume-button:hover{background:#214e32;border-color:#85e8a6}.pdf-container{background:#09190fef;border-color:#5f9c7155}.back-home,.owner-signin{color:#a8dec0}@media(max-width:620px){.profile-card{padding-top:48px}}