body.dtd-member-gate-page { --dtd-gate-header:135px; background:#f2eddf linear-gradient(#f3eddf99,#f3eddf99); background-image:linear-gradient(#f3eddf99,#f3eddf99),url("https://iitdelts.org/wp-content/uploads/2022/11/old-wall.png"); background-size:100% 100%,cover; background-position:center; }
body.dtd-member-gate-page :is(.hero-section,.dtd-related-rail,.footer-instagram,.dtd-update-info,footer) { display:none !important; }
body.dtd-member-gate-page :is(#main-container,main,main article,.entry-content) { background:transparent !important; }
body.dtd-member-gate-page main article { padding-block:0 !important; }
body.dtd-member-gate-page main .entry-content { width:min(92vw,1280px) !important; margin-inline:auto; }
body.dtd-member-gate-page main { min-height:calc(100svh - var(--dtd-gate-header)); }
.dtd-member-gate { position:relative; display:grid; grid-template-columns:1.08fr 1fr; align-items:center; gap:40px; margin:0; min-height:calc(100svh - var(--dtd-gate-header)); color:#382d3e; }
.dtd-gate-history,.dtd-gate-login { min-width:0; padding:32px 18px; }
.dtd-member-gate h1 { color:#49316b; font-size:clamp(48px,4.7vw,72px); line-height:1.02; letter-spacing:-.025em; margin:0 0 16px; font-weight:800; }
.dtd-member-gate h1 em { font-family:jeff-script,sans-serif; font-style:normal; font-weight:400; font-size:1.18em; line-height:.85; }
.dtd-member-gate .dtd-gate-intro { max-width:37ch; margin:0 0 18px; font-size:17px; line-height:1.5; }
.dtd-gate-resources { display:grid; grid-template-columns:repeat(3,max-content); gap:10px 18px; font-size:13px; font-weight:700; }
.dtd-gate-resources span { display:flex; align-items:center; gap:7px; }
.dtd-gate-resources svg { width:17px; height:17px; }
.dtd-gate-resource-button { display:none; }
.dtd-gate-desk { position:relative; width:100%; height:260px; margin-top:22px; }
.dtd-gate-desk figure { position:absolute; margin:0; background:#f9f5e9; padding:10px 10px 30px; box-shadow:0 10px 24px #33281824; }
.dtd-gate-plan-sheet { width:62%; height:240px; left:2%; top:8px; transform:rotate(-9deg); }
.dtd-gate-photo-sheet { width:65%; height:210px; right:0; top:34px; transform:rotate(8deg); }
body.dtd-member-gate-page .dtd-gate-desk img { display:block; width:100% !important; max-width:none !important; height:100% !important; margin:0 !important; border-radius:0 !important; object-fit:cover; }
body.dtd-member-gate-page .dtd-gate-desk .dtd-gate-plan { object-fit:contain; mix-blend-mode:multiply; }
.dtd-gate-desk figcaption { margin:6px 0 0; font:17px/1 jeff-script,sans-serif; color:#746149; text-align:center; }
.dtd-member-gate .dtd-gate-login h2 { margin:0 0 10px; font-size:34px; line-height:1.15; color:#49316b; }
.dtd-gate-login > p { font-size:16px; line-height:1.5; margin:0 0 22px; }
.dtd-gate-login :is(#wppb-login-wrap,form) { padding:0; margin:0; }
.dtd-member-gate .dtd-gate-login :is(p.login-username,p.login-password) { display:block; margin:0 !important; padding:12px 16px 8px !important; border:1px solid #cbbba1; background:#fffdf8; }
.dtd-member-gate .dtd-gate-login p.login-username { border-radius:10px 10px 0 0; }
.dtd-member-gate .dtd-gate-login p.login-password { border-top:0; border-radius:0 0 10px 10px; margin-bottom:8px !important; }
.dtd-member-gate .dtd-gate-login :is(.login-username,.login-password) label { display:block; float:none !important; width:100% !important; text-align:left !important; margin:0; color:#493b50; font-size:13px; line-height:1.4; font-weight:700; }
.dtd-member-gate .dtd-gate-login :is(.login-username,.login-password) input { float:none !important; width:100% !important; margin:0 !important; border:0 !important; border-radius:0; min-height:38px; padding:6px 0; background:transparent !important; color:#382d3e; font-size:16px; }
.dtd-member-gate .wppb-password-field-container { display:block; width:100% !important; float:none !important; }
.dtd-gate-login .wppb-toggle-pw { right:0 !important; }
.dtd-member-gate .dtd-gate-login :is(p.login-username,p.login-password):focus-within { box-shadow:inset 3px 0 #7854a0; }
.dtd-member-gate .dtd-gate-login :is(.login-username,.login-password) input:focus-visible { outline:0; }
.dtd-gate-login .login-remember { margin:0 0 8px; }
.dtd-gate-login .login-remember label { display:flex; align-items:center; gap:12px; min-height:44px; font-size:15px; font-weight:500; width:fit-content; cursor:pointer; }
.dtd-gate-login .login-remember input { flex:none; width:23px !important; height:23px !important; margin:0 !important; accent-color:#49316b; }
.dtd-gate-login input[type=submit] { width:100%; min-height:48px; border:0; border-radius:6px; background:#49316b; color:#fff; font-size:17px; font-weight:700; }
.dtd-gate-login .login-submit { margin:0 0 12px; }
.dtd-gate-login .login-register-lost-password { font-size:14px; margin:0; }
.dtd-gate-login a { color:#49316b; text-underline-offset:3px; }
.dtd-gate-help { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin:18px 0 0; padding:10px 8px; min-height:44px; border:1px dashed #bba988; border-radius:6px; background:#f8f2e366; color:#49316b; font-size:14px; font-weight:700; cursor:pointer; }
.dtd-gate-help svg,.dtd-gate-resource-button svg { width:18px; height:18px; }
.dtd-gate-dialog { margin:auto; overflow:auto; box-sizing:border-box; width:min(92vw,580px); max-height:85svh; padding:34px; border:1px solid #cbbba1; border-radius:14px; color:#382d3e; background:#fffaf0; box-shadow:0 30px 80px #23133255; }
.dtd-gate-dialog::backdrop { background:#231332aa; backdrop-filter:blur(5px); }
.dtd-gate-dialog h2 { margin:0 44px 22px 0; font-size:30px; color:#49316b; }
.dtd-gate-dialog h3 { font-size:18px; line-height:1.5; }
.dtd-gate-dialog p { font-size:16px; line-height:1.6; }
.dtd-gate-dialog mark { display:inline-block; padding:8px 12px; border-radius:5px; background:#eadbaa; color:#49316b; font-weight:700; }
.dtd-gate-dialog-close { position:absolute; right:14px; top:14px; width:44px; height:44px; padding:10px; border:0; border-radius:50%; background:#e9dfcf; color:#49316b; cursor:pointer; }
.dtd-gate-dialog-close svg { width:24px; height:24px; }
.dtd-gate-dialog ul { list-style:none; margin:0; padding:0; }
.dtd-gate-dialog li + li { border-top:1px solid #e0d4bc; }
.dtd-gate-dialog li a { display:block; padding:14px 0; text-decoration:none; color:#49316b; }
.dtd-gate-dialog li span { display:block; font-size:14px; margin-top:4px; color:#706379; }
@media(min-width:768px) and (max-width:1200px) { .dtd-gate-resources { grid-template-columns:repeat(2,max-content); } }
@media(min-width:768px) and (max-height:820px) {
.dtd-member-gate h1 { font-size:54px; }
.dtd-gate-history,.dtd-gate-login { padding-block:20px; }
.dtd-gate-desk { height:185px; margin-top:16px; }
.dtd-gate-plan-sheet { height:170px; }
.dtd-gate-photo-sheet { height:150px; top:20px; }
}
@media(max-width:767px) {
body.dtd-member-gate-page { --dtd-gate-header:80px; }
body.dtd-member-gate-page main .entry-content { width:calc(100% - 36px) !important; }
.dtd-member-gate { display:block; min-height:0; max-width:460px; margin-inline:auto; }
.dtd-gate-history { position:relative; padding:18px 0 10px; }
.dtd-member-gate h1 { position:relative; z-index:1; max-width:250px; font-size:38px; margin:0 0 10px; }
.dtd-member-gate .dtd-gate-intro { position:relative; z-index:1; max-width:36ch; font-size:13px; line-height:1.4; margin:0 0 6px; }
.dtd-gate-resources { display:none; }
.dtd-gate-resource-button { position:relative; z-index:1; display:flex; align-items:center; gap:7px; border:0; padding:5px 0; min-height:32px; background:none; color:#49316b; font-size:12px; font-weight:700; text-align:left; cursor:pointer; }
.dtd-gate-desk { position:absolute; right:-3px; top:16px; width:125px; height:105px; margin:0; opacity:.65; }
.dtd-gate-desk figure { padding:4px 4px 12px; }
.dtd-gate-plan-sheet { left:0; width:86px; height:86px; top:0; }
.dtd-gate-photo-sheet { right:0; width:93px; height:68px; top:20px; }
.dtd-gate-desk figcaption { display:none; }
.dtd-gate-login { padding:8px 0 14px; }
.dtd-member-gate .dtd-gate-login h2 { font-size:25px; margin-bottom:4px; }
.dtd-gate-login > p { font-size:13px; line-height:1.4; margin-bottom:12px; }
.dtd-member-gate .dtd-gate-login :is(p.login-username,p.login-password) { padding:8px 13px 5px !important; }
.dtd-member-gate .dtd-gate-login :is(.login-username,.login-password) input { min-height:32px; padding:4px 0; }
.dtd-gate-help { margin-top:12px; min-height:40px; padding:8px; }
.dtd-gate-dialog { padding:28px 22px; max-height:90svh; }
.dtd-gate-dialog h2 { font-size:26px; }
}
@media(max-width:767px) and (max-height:700px) {
.dtd-gate-history { padding-top:10px; padding-bottom:4px; }
.dtd-member-gate h1 { font-size:32px; max-width:230px; margin-bottom:7px; }
.dtd-member-gate .dtd-gate-intro { font-size:12px; margin-bottom:2px; }
.dtd-gate-desk { width:105px; top:8px; opacity:.45; }
.dtd-gate-login { padding-top:4px; }
.dtd-gate-login > p { margin-bottom:8px; }
.dtd-gate-login .login-submit { margin-bottom:8px; }
.dtd-gate-help { margin-top:8px; }
}
/* Guest links open the same entrance over their current page. Deep links retain the full-page version. */
.dtd-member-overlay { --dtd-gate-header:64px; box-sizing:border-box; width:min(1360px,calc(100vw - 64px)); max-width:none; height:calc(100svh - 64px); max-height:none; margin:auto; padding:28px 32px; border:1px solid #d6c8af; border-radius:18px; overflow:auto; overscroll-behavior:contain; background-color:#f2eddf; background-image:linear-gradient(#f3eddf99,#f3eddf99),url("https://iitdelts.org/wp-content/uploads/2022/11/old-wall.png"); background-size:100% 100%,cover; color:#382d3e; box-shadow:0 25px 90px #21182c55; }
.dtd-member-overlay::backdrop { background:#20152c99; backdrop-filter:blur(6px); }
.dtd-member-overlay .dtd-member-gate { min-height:calc(100svh - 122px); }
.dtd-member-overlay-close { position:absolute; z-index:5; top:14px; right:14px; width:44px; height:44px; padding:10px; border:1px solid #cbbba1; border-radius:50%; background:#fffaf0; color:#49316b; cursor:pointer; }
.dtd-member-overlay-close svg { display:block; width:24px; height:24px; }
.dtd-member-overlay-loading { display:grid; align-content:center; justify-items:center; min-height:65svh; color:#49316b; font-size:20px; text-align:center; }
.dtd-member-overlay .dtd-gate-desk img { display:block; width:100% !important; max-width:none !important; height:100% !important; margin:0 !important; border-radius:0 !important; object-fit:cover; }
.dtd-member-overlay .dtd-gate-desk .dtd-gate-plan { object-fit:contain; mix-blend-mode:multiply; }
@media(max-width:767px) {
.dtd-member-overlay { width:100%; height:100svh; margin:0; padding:36px 22px 18px; border:0; border-radius:0; }
.dtd-member-overlay .dtd-member-gate { min-height:0; }
.dtd-member-overlay-close { top:8px; right:10px; }
.dtd-member-overlay .dtd-gate-history { padding-top:18px; }
.dtd-member-overlay .dtd-gate-desk { right:0; top:24px; }
}

/* A full-height sign-in sheet enters from the bottom. */
.dtd-member-overlay { inset:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;padding:clamp(28px,4vw,60px)!important; }
.dtd-member-overlay[open] { animation:dtd-sign-in-rise .36s cubic-bezier(.2,.75,.25,1) both; }
.dtd-member-overlay .dtd-member-gate { min-height:calc(100dvh - clamp(56px,8vw,120px));max-width:1320px;margin-inline:auto; }
.dtd-member-overlay-close { position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right)); }
.dtd-gate-desk,.dtd-gate-desk * { user-select:none;-webkit-user-select:none;-webkit-user-drag:none; }
.dtd-gate-desk img { pointer-events:none; }
.dtd-gate-password-reset { display:flex;align-items:center;justify-content:center;min-height:44px;margin:14px 0 10px!important;padding:12px 18px;border:1px solid #cbbba1;border-radius:8px;background:#fffaf0;color:#49316b;font-weight:700;text-decoration:none; }
.dtd-gate-password-reset:hover { background:#ece3d2;color:#382354; }
.dtd-gate-password-reset:focus-visible { outline:2px solid #49316b;outline-offset:3px; }
@keyframes dtd-sign-in-rise { from { transform:translateY(100%); } to { transform:translateY(0); } }
@media(prefers-reduced-motion:reduce){.dtd-member-overlay[open]{animation:none;}}
@media(max-width:767px){.dtd-member-overlay{padding:56px 20px 24px!important;}.dtd-member-overlay .dtd-member-gate{min-height:0;}}
