Events Categories
CS3 Strategic Studies & Simulation
CMHCS Military History & Conflict Studies
CETANB Emerging Technologies (ANB)
CUNHS UN & Humanitarian Studies
CP&L Publications & Library
USI United Service Institution
CPME Professional Military Education
Ex KOOTNEETI 2023
Exercise KOOTNEETI, an annual event designed
by the USI for the Higher Command Course at Army War College, Mhow, was
conducted from 15 to 17 Nov 2023. As different from the earlier practice of it
being a Net Assessment exercise, this year it was changed and upgraded to a
scenario-based Strategic Gaming exercise to make it more relevant to national
security perspective.
 -->
<!-- ============================================================= -->
<style>
/* ---- Register button (opens the modal) ---- */
.usi-reg-openbtn{ float:right; display:inline-flex; align-items:center; gap:9px; border:0; cursor:pointer;
padding:12px 24px; border-radius:12px; font-size:14px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:#fff;
position:relative; overflow:hidden; background:linear-gradient(180deg,#2a7fe0 0%,#1560c0 55%,#0D47A1 100%);
box-shadow:0 6px 16px rgba(13,71,161,.42), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 8px rgba(0,0,0,.22);
transition:transform .16s ease, box-shadow .16s ease; }
.usi-reg-openbtn::before{ content:''; position:absolute; inset:0 0 auto 0; height:50%;
background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,0)); pointer-events:none; }
.usi-reg-openbtn:hover{ transform:translateY(-2px); box-shadow:0 12px 24px rgba(13,71,161,.5), inset 0 1px 0 rgba(255,255,255,.6); }
.usi-reg-openbtn:active{ transform:translateY(0); }
/* ---- Result banner ---- */
.usi-reg-alert{ display:flex; gap:13px; align-items:flex-start; margin:0 0 18px; padding:15px 18px; border-radius:13px;
box-shadow:0 6px 16px rgba(13,71,161,.10), inset 0 1px 0 rgba(255,255,255,.7); }
.usi-reg-alert > i{ font-size:22px; margin-top:1px; }
.usi-reg-alert-txt strong{ display:block; font-size:15px; margin-bottom:2px; }
.usi-reg-alert-txt span{ font-size:13.5px; }
.usi-reg-alert-txt ul{ margin:8px 0 0; padding-left:18px; font-size:13px; }
.usi-reg-ok{ background:linear-gradient(180deg,#eafaf0,#d7f4e2); border:1px solid #a9e3bf; color:#12633a; }
.usi-reg-ok > i{ color:#1a9e5f; }
.usi-reg-err{ background:linear-gradient(180deg,#fdeef0,#fbdfe3); border:1px solid #f0b6bd; color:#9a2431; }
.usi-reg-err > i{ color:#d64553; }
/* ---- The glass modal ---- */
.usi-reg-modal .modal-dialog{ max-width:640px; }
.usi-reg-modal .modal-content{
position:relative; overflow:hidden; border:0; border-radius:22px; color:#eef4ff;
background:linear-gradient(155deg, rgba(20,54,112,.82) 0%, rgba(9,32,74,.88) 60%, rgba(6,22,54,.92) 100%);
-webkit-backdrop-filter:blur(22px) saturate(150%); backdrop-filter:blur(22px) saturate(150%);
box-shadow:0 40px 90px rgba(4,17,45,.6), 0 8px 24px rgba(4,17,45,.45),
inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.10); }
/* soft inner glow accents */
.usi-reg-modal .regm-glow{ position:absolute; inset:0; pointer-events:none; z-index:0;
background:radial-gradient(120% 80% at 12% -10%, rgba(94,164,255,.32), transparent 55%),
radial-gradient(90% 70% at 110% 0%, rgba(0,208,255,.16), transparent 55%); }
.usi-reg-modal .regm-head, .usi-reg-modal .regm-body{ position:relative; z-index:1; }
/* header */
.usi-reg-modal .regm-head{ display:flex; align-items:center; gap:15px; padding:22px 24px 18px;
border-bottom:1px solid rgba(255,255,255,.12);
background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0)); }
.usi-reg-modal .regm-ic{ flex:0 0 50px; width:50px; height:50px; border-radius:14px; display:grid; place-items:center; font-size:22px; color:#fff;
background:linear-gradient(180deg,#2a7fe0,#0D47A1);
box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 6px 14px rgba(0,0,0,.35); }
.usi-reg-modal .regm-headtxt{ min-width:0; }
.usi-reg-modal .regm-eyebrow{ display:block; font-size:10.5px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:#8fd0ff; }
.usi-reg-modal .regm-title{ margin:3px 0 0; font-size:19px; font-weight:800; color:#fff; line-height:1.25;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-shadow:0 1px 2px rgba(0,0,0,.3); }
.usi-reg-modal .regm-close{ margin-left:auto; flex:0 0 auto; width:38px; height:38px; border-radius:10px; cursor:pointer;
display:grid; place-items:center; font-size:16px; color:#dbe8ff; border:1px solid rgba(255,255,255,.22);
background:rgba(255,255,255,.08); transition:background .15s ease, transform .15s ease, color .15s ease; }
.usi-reg-modal .regm-close:hover{ background:rgba(255,90,110,.9); color:#fff; transform:rotate(90deg); border-color:transparent; }
/* body */
.usi-reg-modal .regm-body{ padding:22px 24px 26px; }
.usi-reg-modal .regm-sub{ margin:0 0 18px; font-size:13px; color:#c4d6f5; }
.usi-reg-modal .regm-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px 16px; }
.usi-reg-modal .regm-col12{ grid-column:1 / -1; }
.usi-reg-modal .regm-field label{ display:block; margin-bottom:7px; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#b9cdf0; }
.usi-reg-modal .regm-req{ color:#ffcf5a; }
.usi-reg-modal .regm-inwrap{ position:relative; }
.usi-reg-modal .regm-inwrap > i{ position:absolute; left:14px; top:50%; transform:translateY(-50%); font-size:14px; color:#7fb6ff; pointer-events:none; }
.usi-reg-modal .regm-input{ width:100%; padding:13px 14px 13px 40px; font-size:14px; color:#fff; border-radius:11px;
background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.20); outline:none;
box-shadow:inset 0 2px 6px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10);
transition:border-color .16s ease, box-shadow .16s ease, background .16s ease; }
.usi-reg-modal .regm-input::placeholder{ color:rgba(219,232,255,.5); }
.usi-reg-modal .regm-input:hover{ background:rgba(255,255,255,.12); }
.usi-reg-modal .regm-input:focus{ border-color:#5ea4ff; background:rgba(255,255,255,.14);
box-shadow:0 0 0 3px rgba(94,164,255,.28), inset 0 1px 4px rgba(0,0,0,.18); }
.usi-reg-modal .regm-inwrap:focus-within > i{ color:#bcd9ff; }
/* keep frosted look through Chrome autofill */
.usi-reg-modal .regm-input:-webkit-autofill,
.usi-reg-modal .regm-input:-webkit-autofill:focus{ -webkit-text-fill-color:#fff; caret-color:#fff;
transition:background-color 9999s ease-in-out 0s; box-shadow:inset 0 2px 6px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10); }
/* actions */
.usi-reg-modal .regm-actions{ display:flex; justify-content:flex-end; gap:12px; margin-top:22px; }
.usi-reg-modal .regm-btn{ display:inline-flex; align-items:center; gap:9px; border:0; cursor:pointer; padding:13px 24px; border-radius:12px;
font-size:13.5px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; transition:transform .16s ease, box-shadow .16s ease, background .16s ease; }
.usi-reg-modal .regm-btn-ghost{ color:#dbe8ff; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.22); }
.usi-reg-modal .regm-btn-ghost:hover{ background:rgba(255,255,255,.16); }
.usi-reg-modal .regm-btn-primary{ color:#fff; position:relative; overflow:hidden;
background:linear-gradient(180deg,#2a7fe0 0%,#1560c0 55%,#0D47A1 100%);
box-shadow:0 8px 20px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 8px rgba(0,0,0,.25); }
.usi-reg-modal .regm-btn-primary::before{ content:''; position:absolute; inset:0 0 auto 0; height:50%;
background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,0)); pointer-events:none; }
.usi-reg-modal .regm-btn-primary:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.6); }
.usi-reg-modal .regm-btn-primary:active{ transform:translateY(0); }
/* entrance */
.usi-reg-modal.fade .modal-dialog{ transform:translateY(26px) scale(.97); transition:transform .28s cubic-bezier(.2,.8,.25,1); }
.usi-reg-modal.show .modal-dialog{ transform:none; }
@media (max-width:575.98px){
.usi-reg-modal .regm-grid{ grid-template-columns:1fr; }
.usi-reg-modal .regm-title{ font-size:16px; }
.usi-reg-modal .regm-actions{ flex-direction:column-reverse; }
.usi-reg-modal .regm-btn{ width:100%; justify-content:center; }
}
/* ---- E-mail verification (OTP) ---- */
.usi-reg-modal .regm-verify{ grid-column:1 / -1; margin-top:2px; padding:14px 16px; border-radius:12px;
background:rgba(255,255,255,.06); border:1px dashed rgba(255,255,255,.22); }
.usi-reg-modal .regm-verify-lbl{ display:block; margin-bottom:10px; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#b9cdf0; }
.usi-reg-modal .regm-verify-lbl i{ margin-right:6px; color:#7fb6ff; }
.usi-reg-modal .regm-otp-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.usi-reg-modal .regm-otp-entry{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.usi-reg-modal .regm-otpbtn{ display:inline-flex; align-items:center; gap:8px; border:0; cursor:pointer; padding:11px 18px; border-radius:10px;
font-size:12.5px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; color:#fff; white-space:nowrap;
background:linear-gradient(180deg,#2a7fe0,#0D47A1); box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 4px 10px rgba(0,0,0,.3);
transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease; }
.usi-reg-modal .regm-otpbtn:hover:not(:disabled){ transform:translateY(-1px); box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 7px 16px rgba(0,0,0,.4); }
.usi-reg-modal .regm-otpbtn:disabled{ opacity:.45; cursor:not-allowed; }
.usi-reg-modal .regm-otp-input{ width:150px; padding:11px 12px; letter-spacing:.35em; text-align:center; font-size:16px; color:#fff; border-radius:10px;
background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.22); outline:none; }
.usi-reg-modal .regm-otp-input:focus{ border-color:#5ea4ff; box-shadow:0 0 0 3px rgba(94,164,255,.28); }
.usi-reg-modal .regm-otp-status{ font-size:12.5px; font-weight:600; }
.usi-reg-modal .s-ok{ color:#8ef5c0; }
.usi-reg-modal .s-err{ color:#ffb0b8; }
.usi-reg-modal .s-info{ color:#bcd9ff; }
.usi-reg-modal .s-warn{ color:#ffdf9b; }
.usi-reg-modal .regm-resend{ font-size:12px; color:#8fd0ff; text-decoration:none; }
.usi-reg-modal .regm-resend:hover{ text-decoration:underline; }
.usi-reg-modal .regm-verified{ display:inline-flex; align-items:center; gap:8px; padding:9px 16px; border-radius:999px; font-size:12.5px; font-weight:800;
color:#06623b; background:linear-gradient(180deg,#c9f7dc,#a7ebc4); box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 3px 8px rgba(0,0,0,.25); }
.usi-reg-modal .regm-notice{ margin-top:16px; padding:12px 15px; border-radius:10px; font-size:13px; font-weight:600; display:none;
background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); }
.usi-reg-modal .regm-notice.show{ display:block; }
.usi-reg-modal .regm-btn-primary:disabled{ opacity:.5; cursor:not-allowed; transform:none; box-shadow:0 4px 10px rgba(0,0,0,.3); }
.usi-reg-modal .regm-success{ text-align:center; padding:14px 6px 4px; }
.usi-reg-modal .regm-success .tick{ width:66px; height:66px; border-radius:50%; display:grid; place-items:center; margin:0 auto 16px; font-size:30px; color:#fff;
background:linear-gradient(180deg,#26c281,#12905a); box-shadow:0 10px 22px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.5); }
</style>
<div class=)