.interactive-container{background:rgba(42,42,42,.8);border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1)}.interactive-title{font-family:Roboto Mono,monospace;color:#00ffff;text-align:center;margin-bottom:1.5rem;font-size:1.75rem}.terminal-window{background:#111;border-radius:8px;border:1px solid rgba(0,255,255,.3);overflow:hidden}.terminal-header{background:#333;padding:.5rem 1rem;color:#f5f5f5;font-family:Roboto Mono,monospace}.terminal-toolbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#222;border-bottom:1px solid rgba(0,255,255,.3)}.toolbar-label{color:#ccc}.terminal-toolbar button{background:transparent;border:1px solid #555;color:#999;padding:.25rem .75rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:Roboto Mono,monospace}.terminal-toolbar button.active,.terminal-toolbar button:hover{color:#00ffff;border-color:#00ffff;box-shadow:0 0 5px rgba(0,255,255,.5)}.log-list{list-style:none;padding:1rem;margin:0;height:250px;overflow-y:auto;font-family:Roboto Mono,monospace}.log-entry{display:grid;grid-template-columns:80px 1fr 1fr 2fr;gap:1rem;margin-bottom:.5rem;font-size:.85rem;color:#ccc}.log-type{font-weight:700}.log-allow .log-type{color:#00ff7f}.log-deny .log-type{color:#ff4757}.log-alert .log-type{color:#feca57}.decryption-game{text-align:center;padding:1rem}.scrambled-text-container{height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.scrambled-text{font-family:Roboto Mono,monospace;font-size:2rem;color:#f5f5f5;animation:scramble 4s linear infinite}.decrypted-message{font-family:Roboto Mono,monospace;font-size:1.5rem;color:#00ff7f}.hint{color:#888;margin-bottom:1.5rem;font-style:italic}.decrypt-form{display:flex;justify-content:center;gap:1rem}.decrypt-input{background:#111;border:1px solid #555;color:#f5f5f5;padding:.75rem;border-radius:4px;font-family:Roboto Mono,monospace;width:250px}.decrypt-input:focus{outline:none;border-color:#00ffff}.decrypt-button{background:#00ffff;border:none;color:#111;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:700}.access-denied,.decrypt-button{font-family:Roboto Mono,monospace}.access-denied{margin-top:1rem;color:#ff4757;font-size:1.25rem}.error-shake{animation:shake .5s}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.glitch-text{animation:glitch 1s linear infinite}@keyframes glitch{2%,64%{transform:translate(2px) skew(0deg)}4%,60%{transform:translate(-2px) skew(0deg)}62%{transform:translate(0) skew(5deg)}}@keyframes scramble{0%{content:"8J&k$L!z@#P*^d(sF"}10%{content:"A*bC!d@E#f$G%h^I&"}to{content:"Z!y@X#w$V%u^T&s*"}}.cyber-section{padding:180px var(--page-px) 96px;max-width:1320px;margin:0 auto;min-height:100vh}.section-title{text-align:center;margin-bottom:40px}.section-subtitle{font-size:var(--fs-section);font-weight:700;color:var(--text-primary);text-align:center;margin:56px 0 24px}.row{display:flex;flex-wrap:wrap;gap:20px}.column{flex:1;min-width:280px}.half{flex-basis:calc(50% - 10px)}.two-thirds{flex-basis:calc(66.66% - 10px)}.one-third{flex-basis:calc(33.33% - 10px)}.image-grid{display:flex;flex-direction:column;gap:14px}.card{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-card);padding:var(--card-p);backdrop-filter:blur(20px);overflow:hidden;transition:border-color .3s ease,box-shadow .35s ease,transform .3s ease;margin-bottom:20px;position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,204,.18),transparent)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card-grid{display:grid;grid-template-columns:1fr;gap:20px}.interactive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:20px}@media (min-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}}.card-title{font-size:var(--fs-card-h);font-weight:800;background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.card-text{font-size:var(--fs-body);line-height:1.75;color:var(--text-secondary)}.responsive-image{width:100%;height:auto;border-radius:12px;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border-accent);display:block;transition:transform .3s ease}.responsive-image:hover{transform:scale(1.02)}.image-caption{font-size:var(--fs-xs);color:var(--text-muted);text-align:center;margin-top:8px}.skill-list{list-style:none;padding:0;margin:14px 0}.skill-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.65}.bullet{width:7px;height:7px;border-radius:50%;background:var(--grad-accent);margin-top:6px;flex-shrink:0}.skill-block-container{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.skill-block{background:rgba(0,255,204,.07);color:#5ef5d6;border:1px solid rgba(0,255,204,.22);padding:4px 12px;border-radius:var(--radius-chip);font-size:var(--fs-xs);font-weight:600;transition:background .2s ease,transform .2s ease}.skill-block:hover{background:rgba(0,255,204,.16);border-color:rgba(0,255,204,.5);transform:translateY(-2px)}.certified-box{background:rgba(0,255,204,.05);border:1px solid var(--border-accent);border-radius:var(--radius-card);padding:24px;text-align:center;height:100%;display:flex;align-items:center;justify-content:center;transition:border-color .3s,box-shadow .3s}.certified-box:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover)}.certified-content{display:flex;flex-direction:column;align-items:center}.certified-text{font-size:1.25rem;font-weight:800;background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:6px;background:rgba(0,255,204,.08);color:var(--accent-1);border:1px solid rgba(0,255,204,.3);padding:8px 20px;border-radius:var(--radius-chip);text-decoration:none;font-weight:700;font-size:var(--fs-sm);transition:all .25s ease}.btn:hover{background:rgba(0,255,204,.2);border-color:var(--accent-1);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,255,204,.22)}.animation-container{margin-bottom:48px}.section-block{margin-top:40px;padding-top:28px;border-top:1px solid var(--border-accent)}@media (max-width:768px){.cyber-section{padding:40px 16px 64px}.row{flex-direction:column}.btn,.column.half,.column.one-third,.column.two-thirds{width:100%}.btn{display:block;text-align:center}}