/* Techclick blog — brand-locked shared stylesheet */
:root{--tc-royal:#1E3A8A;--tc-navy:#0F1E4D;--tc-cyan:#6BC6E8;--tc-magenta:#E89BC1;--tc-ink:#0A0A0A;--tc-ink-2:#4B5563;--tc-ink-3:#6B7280;--tc-mist:#F4F6FB;--tc-white:#FFFFFF;--tc-ok:#10B981;--tc-warn:#F59E0B;--tc-err:#EF4444;--tc-grad:linear-gradient(135deg,#6BC6E8 0%,#E89BC1 100%);--tc-radius:14px;--tc-shadow:0 1px 2px rgba(30,58,138,0.06),0 8px 24px rgba(30,58,138,0.08);}
*{box-sizing:border-box;}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{margin:0;font-family:'Inter',system-ui,sans-serif;font-size:17px;line-height:1.65;color:var(--tc-ink);background:var(--tc-white);-webkit-font-smoothing:antialiased;}
.tc-progress{position:fixed;top:0;left:0;right:0;height:4px;background:rgba(30,58,138,0.08);z-index:10001;}
.tc-progress-bar{height:100%;width:0%;background:var(--tc-grad);box-shadow:0 0 10px rgba(107,198,232,0.5);transition:width 0.08s linear;}
.tc-strip{height:4px;background:var(--tc-grad);}
.tc-header{position:sticky;top:4px;background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(30,58,138,0.08);z-index:10000;}
.tc-header-inner{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.tc-logo-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--tc-ink);font:700 17px/1 'Poppins',sans-serif;letter-spacing:-0.01em;}
.tc-logo-mark{width:30px;height:30px;border-radius:8px;background:var(--tc-grad);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;}
.tc-back-link{font:500 14px/1 'Inter',sans-serif;color:var(--tc-royal);text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.tc-back-link:hover{color:var(--tc-navy);}
.tc-hero{padding:56px 24px 32px;max-width:820px;margin:0 auto;}
.tc-context{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(107,198,232,0.12);color:var(--tc-royal);border:1px solid rgba(30,58,138,0.18);border-radius:999px;font:600 13px/1 'Inter',sans-serif;margin-bottom:18px;}
.tc-context-dot{width:7px;height:7px;border-radius:50%;background:var(--tc-grad);}
.tc-h1{font:700 clamp(1.9rem,4.2vw,2.85rem)/1.15 'Poppins',sans-serif;letter-spacing:-0.025em;margin:0 0 14px;color:var(--tc-ink);}
.tc-h1-grad{background:var(--tc-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.tc-lede{font:400 clamp(1.05rem,2vw,1.2rem)/1.55 'Inter',sans-serif;color:var(--tc-ink-2);margin:0 0 22px;}
.tc-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font:500 13.5px/1 'Inter',sans-serif;color:var(--tc-ink-3);}
.tc-meta-row span{display:inline-flex;align-items:center;gap:6px;}.tc-meta-dot{color:var(--tc-ink-3);}
.tc-body{max-width:820px;margin:0 auto;padding:8px 24px 80px;}
.tc-body h2{font:700 clamp(1.4rem,3vw,1.75rem)/1.25 'Poppins',sans-serif;letter-spacing:-0.02em;margin:48px 0 18px;color:var(--tc-ink);position:relative;padding-left:16px;}
.tc-body h2::before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:4px;background:var(--tc-grad);border-radius:2px;}
.tc-body h3{font:600 1.25rem/1.35 'Poppins',sans-serif;margin:32px 0 12px;color:var(--tc-royal);}
.tc-body p{margin:0 0 18px;}
.tc-body a{color:var(--tc-royal);text-decoration:underline;text-decoration-color:var(--tc-cyan);text-underline-offset:3px;}
.tc-body a:hover{color:var(--tc-navy);}
.tc-body strong{color:var(--tc-ink);font-weight:600;}
.tc-body ul,.tc-body ol{margin:0 0 18px;padding-left:24px;}.tc-body li{margin-bottom:8px;}
.tc-body code{background:var(--tc-mist);padding:2px 6px;border-radius:4px;font:500 0.94em/1 'JetBrains Mono','Fira Code',monospace;color:var(--tc-royal);border:1px solid rgba(30,58,138,0.08);}
.tc-code{background:var(--tc-mist);border-left:4px solid var(--tc-royal);border-radius:8px;padding:16px 18px;margin:18px 0 24px;overflow-x:auto;}
.tc-code pre{margin:0;font:500 13.5px/1.6 'JetBrains Mono','Fira Code',monospace;color:var(--tc-ink);white-space:pre;}
.tc-code-label{display:block;font:600 11px/1 'Inter',sans-serif;text-transform:uppercase;letter-spacing:0.08em;color:var(--tc-ink-3);margin-bottom:8px;}
.tc-callout{padding:18px 20px;border-radius:12px;margin:24px 0;border:1px solid;}
.tc-callout-head{display:flex;align-items:center;gap:10px;font:700 14px/1 'Poppins',sans-serif;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:10px;}
.tc-callout-head-icon{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;}
.tc-callout p:last-child{margin-bottom:0;}
.tc-tip{background:rgba(107,198,232,0.10);border-color:rgba(30,58,138,0.20);}.tc-tip .tc-callout-head{color:var(--tc-royal);}.tc-tip .tc-callout-head-icon{background:var(--tc-cyan);color:var(--tc-navy);}
.tc-mistake{background:rgba(232,155,193,0.14);border-color:rgba(232,155,193,0.45);}.tc-mistake .tc-callout-head{color:#9d2a5a;}.tc-mistake .tc-callout-head-icon{background:var(--tc-magenta);color:#fff;}
.tc-verify{background:rgba(16,185,129,0.08);border-color:rgba(16,185,129,0.3);}.tc-verify .tc-callout-head{color:#065f46;}.tc-verify .tc-callout-head-icon{background:var(--tc-ok);color:#fff;}
.tc-table-wrap{overflow-x:auto;margin:18px 0 28px;border-radius:10px;border:1px solid rgba(30,58,138,0.12);}
.tc-table{width:100%;min-width:520px;border-collapse:collapse;font:400 14.5px/1.5 'Inter',sans-serif;}
.tc-table th{background:var(--tc-royal);color:#fff;text-align:left;padding:11px 14px;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:0.04em;}
.tc-table td{padding:11px 14px;border-top:1px solid rgba(30,58,138,0.08);color:var(--tc-ink);vertical-align:top;}
.tc-table tr:nth-child(even) td{background:var(--tc-mist);}
.tc-svg-wrap{background:var(--tc-mist);border-radius:14px;padding:24px 16px;margin:28px 0;border:1px solid rgba(30,58,138,0.10);}
.tc-svg-title{font:600 13px/1 'Inter',sans-serif;text-transform:uppercase;letter-spacing:0.06em;color:var(--tc-ink-3);margin-bottom:12px;}
.tc-svg-scroll{width:100%;overflow-x:auto;}
.tc-svg-scroll svg{width:100%;height:auto;display:block;min-width:600px;}
.tc-svg-caption{font:400 13px/1.5 'Inter',sans-serif;color:var(--tc-ink-3);margin-top:10px;}
.tc-qref{background:linear-gradient(135deg,rgba(30,58,138,0.05) 0%,rgba(107,198,232,0.08) 100%);border:1px solid rgba(30,58,138,0.18);border-radius:14px;padding:22px;margin:28px 0;page-break-before:always;}
.tc-qref h3{margin-top:0;}
.tc-assess{background:linear-gradient(180deg,#fff 0%,var(--tc-mist) 100%);border:2px solid var(--tc-royal);border-radius:18px;padding:28px 22px;margin:48px 0 32px;}
.tc-assess-head{font:700 1.45rem/1.3 'Poppins',sans-serif;color:var(--tc-royal);margin:0 0 6px;}
.tc-assess-sub{font:400 14.5px/1.5 'Inter',sans-serif;color:var(--tc-ink-2);margin:0 0 22px;}
.tc-q{margin-bottom:22px;padding:18px;background:#fff;border-radius:12px;border:1px solid rgba(30,58,138,0.10);}
.tc-q-num{display:inline-block;background:var(--tc-royal);color:#fff;padding:3px 10px;border-radius:6px;font:600 12px/1 'Inter',sans-serif;margin-bottom:8px;}
.tc-q-tier{display:inline-block;background:rgba(107,198,232,0.18);color:var(--tc-royal);padding:3px 9px;border-radius:6px;font:600 11px/1 'Inter',sans-serif;margin-bottom:8px;margin-left:6px;text-transform:uppercase;letter-spacing:0.04em;}
.tc-q-prompt{font-weight:500;color:var(--tc-ink);margin:0 0 12px;line-height:1.5;}
.tc-opts{display:flex;flex-direction:column;gap:8px;}
.tc-opt{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border:1.5px solid rgba(30,58,138,0.15);border-radius:8px;cursor:pointer;transition:all 0.18s ease;background:#fff;}
.tc-opt:hover{border-color:var(--tc-cyan);background:rgba(107,198,232,0.05);}
.tc-opt input{margin-top:4px;cursor:pointer;accent-color:var(--tc-royal);}
.tc-opt-text{flex:1;font:400 15px/1.45 'Inter',sans-serif;color:var(--tc-ink);}
.tc-opt.selected{border-color:var(--tc-royal);background:rgba(30,58,138,0.04);}
.tc-opt.correct{border-color:var(--tc-ok);background:rgba(16,185,129,0.10);}
.tc-opt.incorrect{border-color:var(--tc-err);background:rgba(239,68,68,0.08);}
.tc-reason{display:none;margin-top:12px;padding:12px 14px;background:var(--tc-mist);border-left:4px solid var(--tc-cyan);border-radius:6px;font:400 14px/1.55 'Inter',sans-serif;color:var(--tc-ink-2);}
.tc-reason.visible{display:block;}.tc-reason strong{color:var(--tc-royal);}
.tc-submit-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:22px;}
.tc-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border:none;border-radius:10px;font:600 15px/1 'Inter',sans-serif;cursor:pointer;transition:all 0.18s ease;text-decoration:none;}
.tc-btn-primary{background:var(--tc-royal);color:#fff;box-shadow:0 4px 12px rgba(30,58,138,0.25);}
.tc-btn-primary:hover{background:var(--tc-navy);transform:translateY(-1px);}
.tc-btn-secondary{background:#fff;color:var(--tc-royal);border:1.5px solid var(--tc-royal);}
.tc-btn-secondary:hover{background:var(--tc-mist);}
.tc-score{font:600 16px/1 'Inter',sans-serif;color:var(--tc-ink);}
.tc-pass-badge{display:none;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#10B981 0%,#059669 100%);color:#fff;border-radius:12px;font:600 15px/1.3 'Inter',sans-serif;margin-top:18px;box-shadow:0 8px 20px rgba(16,185,129,0.3);}
.tc-pass-badge.visible{display:inline-flex;}.tc-pass-badge svg{flex-shrink:0;}
.tc-fail-msg{display:none;padding:14px 18px;background:rgba(245,158,11,0.10);border:1px solid rgba(245,158,11,0.35);color:#92400e;border-radius:12px;font:500 14.5px/1.5 'Inter',sans-serif;margin-top:18px;}
.tc-fail-msg.visible{display:block;}
.tc-next{background:linear-gradient(135deg,var(--tc-royal) 0%,var(--tc-navy) 100%);color:#fff;padding:28px 24px;border-radius:16px;margin:32px 0;}
.tc-next h3{color:#fff;margin:0 0 10px;font:700 1.3rem/1.3 'Poppins',sans-serif;}
.tc-next p{color:rgba(255,255,255,0.85);margin:0 0 16px;}
.tc-next-row{display:flex;flex-wrap:wrap;gap:10px;}
.tc-next-btn{background:#fff;color:var(--tc-royal);padding:10px 18px;border-radius:8px;text-decoration:none;font:600 14px/1 'Inter',sans-serif;}
.tc-next-btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,0.4);}
.tc-footer{background:var(--tc-royal);color:rgba(255,255,255,0.85);padding:22px 24px;margin-top:64px;}
.tc-footer-inner{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;font:400 13px/1.5 'Inter',sans-serif;}
.tc-footer a{color:#fff;text-decoration:none;}.tc-footer a:hover{text-decoration:underline;}
.tc-tagline{font:600 13.5px/1 'Poppins',sans-serif;color:#fff;}
.tc-objectives{background:linear-gradient(135deg,rgba(30,58,138,0.04) 0%,rgba(232,155,193,0.06) 100%);border:1px solid rgba(30,58,138,0.16);border-left:4px solid var(--tc-royal);border-radius:12px;padding:18px 22px;margin:10px 0 18px;}
.tc-objectives-head{font:700 12px/1 'Poppins',sans-serif;text-transform:uppercase;letter-spacing:0.06em;color:var(--tc-royal);margin:0 0 12px;display:flex;align-items:center;gap:8px;}
.tc-objectives ul{margin:0;padding-left:22px;}.tc-objectives li{margin-bottom:7px;font:500 15px/1.5 'Inter',sans-serif;color:var(--tc-ink);}
.tc-objectives li:last-child{margin-bottom:0;}.tc-objectives li strong{color:var(--tc-royal);}
.tc-scenario{background:linear-gradient(135deg,rgba(232,155,193,0.06) 0%,rgba(107,198,232,0.06) 100%);border:1px solid rgba(30,58,138,0.14);border-radius:12px;padding:16px 20px;margin:18px 0 28px;}
.tc-scenario-head{font:700 11.5px/1 'Poppins',sans-serif;text-transform:uppercase;letter-spacing:0.06em;color:var(--tc-royal);margin:0 0 8px;display:flex;align-items:center;gap:8px;}
.tc-scenario p{margin:0;font:400 15px/1.55 'Inter',sans-serif;color:var(--tc-ink);}
.tc-glossary{background:rgba(107,198,232,0.18);border:1px dotted var(--tc-royal);border-radius:4px;padding:1px 6px;color:var(--tc-royal);font-weight:600;cursor:help;position:relative;}
.tc-glossary:hover::after{content:attr(data-meaning);position:absolute;bottom:120%;left:0;min-width:220px;max-width:320px;background:var(--tc-navy);color:#fff;padding:8px 12px;font:400 13px/1.4 'Inter',sans-serif;border-radius:6px;box-shadow:0 6px 20px rgba(15,30,77,0.25);z-index:50;white-space:normal;}
.tc-anchor{background:rgba(107,198,232,0.10);border-left:3px solid var(--tc-cyan);padding:10px 16px;margin:18px 0 26px;font:500 14.5px/1.55 'Inter',sans-serif;color:var(--tc-royal);border-radius:0 8px 8px 0;}
.tc-anchor::before{content:'👉 ';}
.tc-pdf-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;background:#fff;border:1.5px solid var(--tc-royal);border-radius:8px;color:var(--tc-royal);font:600 12.5px/1 'Inter',sans-serif;cursor:pointer;text-decoration:none;transition:all 0.18s ease;margin-left:8px;}
.tc-pdf-btn:hover{background:var(--tc-royal);color:#fff;}
@media(max-width:768px){body{font-size:16px;}.tc-pdf-btn{margin-left:0;margin-top:10px;width:100%;justify-content:center;}.tc-meta-row{flex-direction:column;align-items:flex-start;gap:8px;}.tc-meta-row .tc-meta-dot{display:none;}.tc-header-inner{padding:12px 18px;}.tc-hero{padding:36px 18px 24px;}.tc-body{padding:4px 18px 56px;}.tc-body h2{margin-top:38px;}.tc-callout{padding:16px;}.tc-q{padding:16px;}.tc-svg-wrap{padding:16px 8px;}.tc-submit-row{flex-direction:column;align-items:stretch;}.tc-btn{width:100%;justify-content:center;}.tc-footer-inner{flex-direction:column;text-align:center;}}
@media(prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;transition-duration:0.01ms!important;}html{scroll-behavior:auto;}}
.tc-hero,.tc-body,.tc-objectives,.tc-callout,.tc-table,.tc-svg-wrap,.tc-qref,.tc-hero *,.tc-body *,.tc-objectives *,.tc-callout *,.tc-qref *{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;}
input,textarea,select,button,a,label,.tc-opt,.tc-opt *,.tc-submit-row,.tc-submit-row *{-webkit-user-select:auto!important;user-select:auto!important;-webkit-touch-callout:default!important;}
@media print{body *{visibility:hidden!important;}.tc-hero,.tc-hero *{visibility:visible!important;}.tc-pdf-btn,.tc-meta-row button{display:none!important;visibility:hidden!important;}.tc-hero{position:absolute!important;top:0!important;left:0!important;right:0!important;padding:18mm 15mm 8mm!important;max-width:100%!important;background:#fff!important;}.tc-h1{font-size:22pt!important;color:#0a0a23!important;line-height:1.18!important;}.tc-h1-grad{color:#0F4FE6!important;-webkit-text-fill-color:#0F4FE6!important;background:none!important;}.tc-lede{font-size:11.5pt!important;color:#1f2937!important;}.tc-meta-row,.tc-context{font-size:9pt!important;color:#475569!important;}.tc-objectives{page-break-inside:avoid;border:1px solid #0F4FE6!important;background:#F4F7FF!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}html::before{content:'ai.techclick.in   ·   ai.techclick.in   ·   ai.techclick.in';visibility:visible!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) rotate(-28deg)!important;font:900 78pt/1 'Poppins','Inter',sans-serif!important;color:rgba(15,79,230,0.09)!important;z-index:9999!important;pointer-events:none!important;white-space:nowrap!important;letter-spacing:4px!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}body::after{content:'📘 Read the full lesson + take the 10-question assessment online at ai.techclick.in — free for Techclick students';visibility:visible!important;position:fixed!important;left:15mm!important;right:15mm!important;bottom:18mm!important;padding:14px 18px!important;border:2px dashed #0F4FE6!important;border-radius:10px!important;font:700 11.5pt/1.5 'Inter',sans-serif!important;color:#0F4FE6!important;text-align:center!important;background:#F4F7FF!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}html::after{content:'© Techclick Infosec  ·  support@techclick.in  ·  1-page preview';visibility:visible!important;position:fixed!important;left:15mm!important;right:15mm!important;bottom:8mm!important;font:400 8.5pt/1 'Inter',sans-serif!important;color:#94a3b8!important;text-align:center!important;}html,body{overflow:hidden!important;height:297mm!important;max-height:297mm!important;}@page{margin:0;size:A4;}}