@import url('member.css?v=14');
.brand-logo{width:70px;height:50px;display:grid;place-items:center;background:white;border-radius:13px;padding:5px;flex-shrink:0}.brand-logo img{width:100%;height:100%;object-fit:contain}.otp-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:650px;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow);margin:18px 0 45px}.otp-story{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 15%,#f58c9c44,transparent 50%),linear-gradient(145deg,#8d1935,#b42f4b 60%,#33483f);color:white;padding:40px;display:flex;flex-direction:column;align-items:flex-start}.otp-story:before,.otp-story:after{content:'';position:absolute;width:360px;height:360px;border:1px solid #ffffff22;border-radius:50%;left:-140px;top:10%;animation:auth-float 8s ease-in-out infinite;pointer-events:none}.otp-story:after{width:480px;height:480px;top:30%;left:-80px;animation-delay:-4s}.otp-story .member-eyebrow{color:#ffd9e1}.otp-story h1{font-size:clamp(30px,3.5vw,47px);letter-spacing:-1px;line-height:1.6;margin:15px 0}.otp-story>p{font-size:15px;color:#ffe9ef;max-width:400px}.founder-portrait{width:190px;aspect-ratio:1;border-radius:50%;overflow:hidden;border:5px solid #ffffff30;box-shadow:0 15px 45px #0003;align-self:center;margin:15px 0;z-index:1;animation:auth-arrive .65s ease both}.founder-portrait img{width:100%;height:100%;object-fit:cover}.otp-story-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:20px;z-index:1}.otp-story-badges span{font-size:12px;background:#ffffff18;border:1px solid #ffffff25;padding:6px 12px;border-radius:99px}.otp-form-panel{padding:45px clamp(24px,4vw,60px);display:flex;flex-direction:column;justify-content:center;animation:auth-arrive .5s ease both}.auth-brand{display:flex;align-items:center;gap:16px;font-size:13px}.auth-brand img{max-width:85px;object-fit:contain;background:white;border-radius:10px;padding:6px}.auth-segments{display:grid;grid-template-columns:1fr 1fr;padding:5px;background:var(--bg);border:1px solid var(--line);border-radius:14px;margin:28px 0;gap:5px}.auth-segments a,.auth-segments a:last-child,html[data-theme=dark] .auth-segments a:last-child{display:block;text-align:center;padding:9px;border:0;background:transparent;color:var(--muted);border-radius:10px}.auth-segments a[aria-current=page],html[data-theme=dark] .auth-segments a[aria-current=page]{color:white;background:#b72f4e}.auth-segments a:after{display:none!important}.otp-form-panel h2{font-size:28px;margin:0}.otp-form-panel>p{color:var(--muted)}.otp-form button{width:100%;margin-top:10px}.otp-code{font-size:27px!important;letter-spacing:10px;text-align:center}.otp-change{margin-top:15px}.otp-bottom{font-size:14px;text-align:center;margin-top:25px}.otp-bottom a{color:var(--red);font-weight:800}.dev-otp{padding:12px 16px;background:#1682730e;border:1px solid #16827344;border-radius:12px;font-size:13px;color:var(--text)!important}.dev-otp strong{font:800 21px monospace;color:#168273}.xp-strip{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #16827344;border-radius:18px;padding:20px;background:linear-gradient(110deg,#16827312,#b72f4e0b);margin:22px 0}.xp-strip b{font-size:23px;color:#168273}.xp-strip p{margin:4px 0 0}.public-student{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:var(--panel)}.profile-cover{height:260px;overflow:hidden;background:linear-gradient(130deg,#a52343,#273b3e)}.profile-cover>img{width:100%;height:100%;object-fit:cover}.cover-art{height:100%;display:flex;align-items:center;justify-content:space-around;background:radial-gradient(circle at 20% 20%,#fda3b530,transparent 55%),linear-gradient(130deg,#7c1835,#123b37);color:#ffffffaa}.cover-art span{font:800 100px monospace;transform:rotate(-8deg)}.cover-art i{font:800 22px Arial,sans-serif;letter-spacing:3px}.profile-identity{display:flex;align-items:center;gap:24px;padding:0 40px 20px}.profile-avatar{width:150px;height:150px;display:grid;place-items:center;background:#b72f4e;color:white;font-size:60px;font-weight:800;border:6px solid var(--panel);border-radius:40px;overflow:hidden;flex-shrink:0;margin-top:-55px;z-index:1}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-identity h1{font-size:33px;margin:10px 0 0}.profile-identity p{margin:2px 0;color:var(--muted)}.profile-identity>a{margin-inline-start:auto}.profile-body{padding:10px 40px 40px}.profile-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-metrics span{font-size:13px;color:var(--muted)}.profile-metrics b{display:block;color:var(--text);font-size:25px}.profile-body section{margin:30px 0}.profile-body h2{font-size:22px}.profile-body h2 small{font-size:12px;color:var(--muted);font-weight:400}.profile-bio{white-space:normal;overflow-wrap:anywhere}.skill-tags{display:flex;flex-wrap:wrap;gap:9px}.skill-tags span{border:1px solid #16827344;background:#1682730c;padding:7px 14px;border-radius:99px;font-size:14px}.profile-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.profile-links a{border:1px solid var(--line);padding:15px;border-radius:13px;overflow-wrap:anywhere}.profile-links span{display:block;color:var(--muted);font-size:13px;margin-top:7px;text-align:right}.profile-course-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.profile-course-list>div{padding:17px;border:1px solid var(--line);border-radius:13px;min-width:0}.profile-course-list span{display:block;color:var(--muted);font-size:13px;margin:8px 0}.member-form textarea{width:100%;padding:14px;line-height:1.9;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;font:15px/1.9 Vazirmatn,Tahoma,sans-serif;resize:vertical}.student-content>.panel{margin:20px 0}.upload-preview{display:block;width:100%;height:120px;object-fit:cover;border-radius:15px;margin-bottom:20px}.upload-preview.avatar{width:100px;height:100px;border-radius:50%}.contact-edit-list>div{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.contact-edit-list small{display:block;overflow-wrap:anywhere}.contact-edit-list i{font-size:11px;color:var(--muted)}.rank-hero{padding:35px 0;text-align:center}.rank-hero h1{font-size:clamp(32px,4vw,51px)}.rank-hero p{color:var(--muted);max-width:650px;margin:15px auto}.my-rank{display:inline-flex;gap:24px;padding:15px 25px;border-radius:16px;border:1px solid #16827355;background:#1682730c;flex-wrap:wrap;justify-content:center}.rank-list{display:flex;flex-direction:column;gap:12px}.rank-row{display:flex;gap:20px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:18px}.rank-number{width:36px;font-size:23px;color:var(--red)}.rank-avatar{width:45px;height:45px;border-radius:15px;background:#16827318;color:#168273;display:grid;place-items:center;font-size:20px;font-weight:800}.rank-row small{display:block;color:var(--muted);font-size:12px}.rank-points{margin-inline-start:auto;font-weight:800;color:#168273;font-size:23px;text-align:center}.rank-list .rank-row:first-child{border-color:#c4964255;background:#c4964208}.founder-home{display:flex;align-items:center;gap:24px;padding:25px;border:1px solid var(--line);border-radius:24px;background:var(--panel);margin:30px 0}.founder-home img{width:95px;height:95px;border-radius:50%;object-fit:cover}.founder-home h2{font-size:21px;margin:6px 0}.founder-home p{color:var(--muted);margin:0}.otp-layout .member-form{margin-top:15px}html[data-theme=dark] .xp-strip b,html[data-theme=dark] .rank-points,html[data-theme=dark] .dev-otp strong{color:#6cdfb0}
@keyframes auth-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-float{50%{transform:translate(15px,20px)}}
@media(max-width:900px){.otp-layout{grid-template-columns:1fr 1.1fr}.otp-story{padding:26px}.otp-story h1{font-size:31px}.founder-portrait{width:145px}.otp-story-badges{display:none}.otp-form-panel{padding:30px}.profile-identity{padding:0 24px 20px;gap:16px;flex-wrap:wrap}.profile-body{padding:10px 24px 30px}.profile-identity>a{margin-inline-start:0}.profile-avatar{width:115px;height:115px;border-radius:30px}.profile-cover{height:220px}}
@media(max-width:600px){.otp-layout{grid-template-columns:1fr;min-height:0;margin:0 0 20px;border-radius:22px}.otp-story{padding:22px;min-height:160px;display:block}.otp-story h1{font-size:27px;line-height:1.45;margin:10px 0}.otp-story>p{max-width:70%;font-size:12px}.founder-portrait{position:absolute;width:85px;right:auto;left:20px;bottom:20px;margin:0;border-width:3px}.otp-story .member-eyebrow{font-size:10px}.otp-form-panel{padding:25px}.auth-brand{font-size:11px}.auth-brand img{width:65px}.auth-segments{margin:20px 0}.otp-form-panel h2{font-size:25px}.brand-logo{width:52px;height:40px}.xp-strip{flex-direction:column;align-items:flex-start}.profile-cover{height:170px}.profile-avatar{width:90px;height:90px;border-radius:25px;margin-top:-36px}.profile-identity{padding:0 18px 18px;gap:14px}.profile-identity h1{font-size:25px}.profile-identity p{font-size:13px}.profile-body{padding:10px 18px 25px}.profile-metrics{grid-template-columns:1fr 1fr}.cover-art span{font-size:65px}.cover-art i{font-size:11px;letter-spacing:1px}.rank-row{gap:10px;padding:14px 10px}.rank-avatar{width:35px;height:35px;font-size:16px}.rank-number{width:25px;font-size:20px}.rank-points{font-size:19px}.rank-row b{font-size:13px}.rank-row small{font-size:10px}.founder-home{padding:18px;gap:15px}.founder-home img{width:70px;height:70px}.founder-home h2{font-size:17px}.founder-home p{font-size:12px}.contact-edit-list>div{flex-wrap:wrap}.contact-edit-list span{min-width:0;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.otp-story:before,.otp-story:after,.founder-portrait,.otp-form-panel{animation:none}}
.otp-story h1{color:#fff}

.security-course-note{padding:20px 25px;margin:20px 0;border:1px solid #16827355;border-radius:18px;background:linear-gradient(120deg,#1682730d,#b72f4e08);color:var(--text)}.security-course-note p{font-size:15px;line-height:2;margin:10px 0}.security-course-note small{font-size:12px;color:var(--muted)}.security-course-note h2{font-size:22px;margin:12px 0}