:root{--color-portal-green: #97ce4c;--color-portal-rim: #e89ac7;--color-neon-green: #b2d038;--color-toxic-green: #44aa44;--color-space-blue: #24325fff;--color-dark-bg: #1a1a1a;--color-black: #050505;--color-white: #ffffff;--color-rick-hair: #aaddff;--color-morty-yellow: #fff355;--color-saul-accent: #e4bb2e;--font-display: "Anton", impact, sans-serif;--font-creep: "Creepster", cursive;--font-body: "Inter", system-ui, sans-serif;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 32px;--spacing-xl: 64px}*{box-sizing:border-box}body{margin:0;background-color:var(--color-dark-bg);color:var(--color-white);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}a{color:inherit;text-decoration:none}button{cursor:pointer}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-dark-bg)}::-webkit-scrollbar-thumb{background:var(--color-portal-green);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-neon-green)}#root{width:100%;min-height:100vh;margin:0;padding:0}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.portal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:radial-gradient(circle at center,#1a2a1a 0%,var(--color-black) 80%)}.portal-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:5px solid transparent;box-shadow:0 0 50px var(--color-portal-green),inset 0 0 20px var(--color-toxic-green);opacity:.6}.ring-1{width:60vh;height:60vh;border-top-color:var(--color-portal-green);border-bottom-color:var(--color-neon-green);animation:spin 10s linear infinite;filter:blur(2px)}.ring-2{width:50vh;height:50vh;border-left-color:var(--color-toxic-green);border-right-color:var(--color-portal-green);animation:spin-reverse 8s linear infinite}.ring-3{width:80vh;height:80vh;border:2px dashed var(--color-portal-green);animation:pulse-spin 20s linear infinite;opacity:.2}.stars{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 0),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 0),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 0);background-size:550px 550px,350px 350px,250px 250px;opacity:.3}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin-reverse{0%{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}@keyframes pulse-spin{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.05)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}.announcement-bar{background:var(--color-toxic-green);color:var(--color-black);text-align:center;padding:.5rem;font-family:var(--font-display);font-size:1.2rem;letter-spacing:1px;z-index:100;position:relative;box-shadow:0 0 10px var(--color-toxic-green);animation:pulse-alert 2s infinite}@keyframes pulse-alert{0%{background-color:var(--color-toxic-green)}50%{background-color:var(--color-portal-green)}to{background-color:var(--color-toxic-green)}}.hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:2;font-family:var(--font-display);text-align:center}.cursor{animation:blink 1s infinite;color:var(--color-portal-green);margin-left:5px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.intro-text{font-family:var(--font-creep);font-size:2rem;color:var(--color-neon-green);margin-bottom:1rem;letter-spacing:2px;text-shadow:0 0 10px var(--color-toxic-green);animation:float 3s ease-in-out infinite}.main-title{font-size:6rem;line-height:1;display:flex;flex-direction:column;text-transform:uppercase;transform:skew(-5deg);margin-bottom:2rem}.better,.call{font-style:italic;-webkit-text-stroke:2px var(--color-portal-green);color:transparent;position:relative}.iwan{font-size:8rem;color:var(--color-white);text-shadow:3px 3px 0 var(--color-black),6px 6px 0 var(--color-portal-green),9px 9px 0 var(--color-space-blue);font-style:italic;font-weight:700;animation:glitch 5s infinite}.subtitle{font-family:var(--font-body);font-size:1.5rem;color:var(--color-rick-hair);margin-bottom:3rem;letter-spacing:1px}.cta-button{background:var(--color-saul-accent);color:var(--color-black);font-family:var(--font-display);font-size:2rem;padding:1rem 3rem;border:none;transform:skew(-10deg);transition:all .3s;box-shadow:5px 5px 0 var(--color-black);text-transform:uppercase}.cta-button:hover{transform:skew(-10deg) translate(-2px,-2px);box-shadow:7px 7px 0 var(--color-portal-green);background:var(--color-white);color:var(--color-toxic-green)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glitch{2%,64%{transform:skew(-5deg)}4%,60%{transform:skew(-5deg) translate(-2px)}62%{transform:skew(10deg) translate(2px);filter:hue-rotate(90deg)}}@media(max-width:768px){.main-title{font-size:4rem}.iwan{font-size:5rem}}.projects-section{padding:4rem 2rem;position:relative;z-index:2;background-color:#050505cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-title{font-family:var(--font-display);font-size:4rem;text-align:center;margin-bottom:3rem;color:var(--color-white);text-transform:uppercase}.highlight{color:var(--color-portal-green);text-shadow:0 0 10px var(--color-neon-green)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.project-card{background:#111;border:1px solid var(--color-portal-green);border-radius:var(--spacing-sm);overflow:hidden;transition:transform .3s,box-shadow .3s;position:relative}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #97ce4c33}.card-visual{height:200px;background:#222;position:relative;border-bottom:1px solid var(--color-toxic-green)}.card-content{padding:1.5rem}.category-badge{font-size:.8rem;color:var(--color-saul-accent);text-transform:uppercase;letter-spacing:1px;font-weight:700;display:block;margin-bottom:.5rem}.project-card h3{font-family:var(--font-display);font-size:1.8rem;margin:.5rem 0;color:var(--color-white)}.project-card p{color:#ccc;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.tech-stack{position:absolute;top:10px;right:10px;display:flex;gap:5px}.tech-badge{background:#000c;color:var(--color-neon-green);padding:4px 8px;font-size:.7rem;border-radius:4px;border:1px solid var(--color-neon-green)}.view-btn{width:100%;padding:.8rem;background:transparent;color:var(--color-neon-green);border:1px solid var(--color-neon-green);font-family:var(--font-display);text-transform:uppercase;font-size:1.2rem;transition:all .3s}.view-btn:hover{background:var(--color-neon-green);color:var(--color-black)}.category-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.category-tab{padding:.75rem 1.5rem;background:#141414e6;border:2px solid var(--color-portal-green);color:var(--color-neon-green);font-family:var(--font-display);font-size:1rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.category-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(151,206,76,.2),transparent);transition:left .5s ease}.category-tab:hover:before{left:100%}.category-tab:hover{background:#97ce4c1a;box-shadow:0 0 15px #97ce4c4d;transform:translateY(-2px)}.category-tab.active{background:var(--color-portal-green);color:var(--color-black);box-shadow:0 0 20px var(--color-neon-green);font-weight:700}.tab-count{font-size:.8em;opacity:.7;margin-left:.5rem}.category-tab.active .tab-count{opacity:1}.about-section{padding:6rem 2rem;background:var(--color-black);color:var(--color-white);text-align:center;position:relative}.about-content{max-width:800px;margin:0 auto}.about-content h2{font-family:var(--font-display);font-size:3.5rem;margin-bottom:2rem;text-transform:uppercase;transform:skew(-2deg)}.bio{font-size:1.5rem;line-height:1.6;margin-bottom:2rem;font-family:var(--font-display);color:var(--color-saul-accent);font-style:italic}.bio-alt{font-family:var(--font-body);color:var(--color-rick-hair);margin-bottom:3rem;font-size:1.1rem}.skills-container{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.skill-item{background:transparent;border:1px solid var(--color-toxic-green);color:var(--color-toxic-green);padding:.5rem 1.5rem;font-family:var(--font-display);font-size:1.2rem;text-transform:uppercase;transition:all .3s;cursor:default}.skill-item:hover{background:var(--color-toxic-green);color:var(--color-black);box-shadow:0 0 15px var(--color-toxic-green);transform:scale(1.1) rotate(2deg)}.contact-section{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;background:radial-gradient(circle at center,#222,#000);position:relative}.contact-card{background:#141414e6;border:2px solid var(--color-saul-accent);padding:3rem;max-width:600px;width:100%;border-radius:2px;box-shadow:10px 10px 0 var(--color-portal-green);transform:rotate(-1deg)}.contact-card h2{font-family:var(--font-display);font-size:2.5rem;text-align:center;margin-bottom:2rem;color:var(--color-white)}.call-me{color:var(--color-saul-accent);display:block;font-size:3rem;text-shadow:2px 2px 0 #000}.input-group{margin-bottom:1.5rem}input,textarea{width:100%;padding:1rem;background:#111;border:1px solid #333;color:var(--color-white);font-family:var(--font-body);font-size:1rem;transition:all .3s}input:focus,textarea:focus{outline:none;border-color:var(--color-neon-green);box-shadow:0 0 10px #b2d0384d;background:#000}.submit-btn{width:100%;padding:1rem;background:var(--color-portal-green);color:#000;font-family:var(--font-display);font-size:1.5rem;border:none;text-transform:uppercase;font-weight:700;transition:all .3s}.submit-btn:hover{background:var(--color-neon-green);box-shadow:0 0 20px var(--color-portal-green);letter-spacing:2px}.whatsapp-btn{display:block;width:100%;padding:1rem;background:#25d366;color:#fff;font-family:var(--font-display);font-size:1.2rem;text-align:center;text-decoration:none;border-radius:4px;text-transform:uppercase;transition:all .3s;box-shadow:0 4px 10px #25d3664d;margin-top:1rem}.whatsapp-btn:hover{background:#128c7e;transform:translateY(-2px)}.status-msg{text-align:center;margin-bottom:1rem;font-weight:700}.status-success{color:var(--color-neon-green)}.status-error{color:#f44}.categories-management{grid-column:span 2}.category-form{margin-bottom:2rem}.category-form input{width:100%;margin-bottom:1rem;padding:.75rem;background:#00ff410d;border:1px solid rgba(0,255,65,.3);color:#00ff41;border-radius:4px;font-family:Courier New,monospace}.category-form input::placeholder{color:#00ff4180}.category-form input:focus{outline:none;border-color:#00ff41;box-shadow:0 0 0 2px #00ff4133}.categories-list{max-height:300px;overflow-y:auto;border:1px solid rgba(0,255,65,.2);border-radius:4px}.category-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(0,255,65,.1);transition:background-color .3s ease}.category-item:hover{background:#00ff410d}.category-item:last-child{border-bottom:none}.category-info{flex:1}.category-info strong{color:#00ff41;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px}.category-actions{display:flex;gap:.5rem}.category-actions button{padding:.5rem 1rem;border:none;border-radius:3px;cursor:pointer;font-family:Courier New,monospace;font-size:.8rem;font-weight:700;text-transform:uppercase;transition:all .3s ease}.category-actions button:hover{transform:translateY(-1px);box-shadow:0 2px 5px #0000004d}.edit-btn{background:#007bff;color:#fff}.edit-btn:hover{background:#0056b3}.category-actions button:not(.edit-btn){background:#dc3545;color:#fff}.category-actions button:not(.edit-btn):hover{background:#c82333}@media(max-width:768px){.categories-management{grid-column:span 1}.category-item{flex-direction:column;align-items:flex-start;gap:1rem}.category-actions{width:100%;justify-content:flex-end}}.admin-container{width:100%;padding:4rem 2rem;max-width:1200px;margin:0 auto;color:var(--color-white)}.admin-container h1{font-family:var(--font-display);text-align:center;margin-bottom:3rem;color:var(--color-portal-green)}.logout-btn{background:transparent;border:1px solid var(--color-portal-green);color:var(--color-portal-green);padding:.5rem 1.5rem;cursor:pointer;font-family:var(--font-display);transition:all .3s ease}.logout-btn:hover{background:var(--color-portal-green);color:#000;box-shadow:0 0 15px var(--color-portal-green)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.admin-card{background:#1a1a1a;border:1px solid #333;padding:2rem;border-radius:8px}.full-width{grid-column:1 / -1}.admin-card form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;background:#222;padding:1rem}.admin-card form input,.admin-card form textarea{background:#111;border:1px solid #444;color:#fff;padding:.5rem;font-family:monospace}.admin-card form button{background:var(--color-portal-green);border:none;padding:.5rem;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .3s ease}.admin-card form button:hover{background:var(--color-neon-green);box-shadow:0 0 10px var(--color-neon-green)}.admin-list{list-style:none;padding:0}.admin-list li{display:flex;justify-content:space-between;padding:.5rem;border-bottom:1px solid #333;align-items:center}.list-item button{background:#f44;color:#fff;border:none;padding:.2rem .8rem;cursor:pointer;font-weight:700;font-family:monospace}.list-item button:hover{background:red}.message-item{background:#111;border-left:3px solid var(--color-saul-accent);padding:1rem;margin-bottom:1rem}.msg-header{display:flex;justify-content:space-between;font-size:.8rem;color:#888;margin-bottom:.5rem}.interdimensional-footer{position:relative;background:linear-gradient(180deg,#000,#0a0a0a);border-top:3px solid var(--color-portal-green);padding:4rem 2rem 2rem;margin-top:auto;overflow:hidden}.footer-portal-ring{position:absolute;top:-50px;left:50%;transform:translate(-50%);width:200px;height:100px;border-radius:50%;border:2px dashed var(--color-neon-green);opacity:.3;animation:portal-pulse 4s ease-in-out infinite}@keyframes portal-pulse{0%,to{opacity:.2;transform:translate(-50%) scale(1)}50%{opacity:.5;transform:translate(-50%) scale(1.1);box-shadow:0 0 30px var(--color-portal-green)}}.footer-content{position:relative;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem;z-index:1}.footer-brand{text-align:center}.footer-title{display:flex;flex-direction:column;align-items:center;font-size:2.5rem;line-height:1;margin-bottom:.5rem;transform:skew(-5deg)}.footer-better,.footer-call{font-style:italic;-webkit-text-stroke:1px var(--color-portal-green);color:transparent;font-size:1.5rem}.footer-iwan{font-size:3rem;color:var(--color-white);text-shadow:2px 2px 0 var(--color-black),4px 4px 0 var(--color-portal-green);font-weight:700;letter-spacing:2px}.footer-tagline{color:var(--color-rick-hair);font-family:var(--font-body);font-size:1rem;letter-spacing:2px;text-transform:uppercase;opacity:.8}.footer-legal-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;padding:1rem 0}.footer-legal-link{position:relative;color:var(--color-neon-green);text-decoration:none;font-family:var(--font-body);font-size:.95rem;text-transform:uppercase;letter-spacing:1px;padding:.5rem 1rem;transition:all .3s ease;border:1px solid transparent;opacity:0;animation:fade-in .5s ease forwards}@keyframes fade-in{to{opacity:1}}.footer-legal-link:hover{color:var(--color-white);border-color:var(--color-saul-accent);background:#e4bb2e1a;box-shadow:0 0 15px #e4bb2e4d;transform:translateY(-2px) skew(-2deg)}.link-bracket{color:var(--color-saul-accent);opacity:.7;transition:opacity .3s}.footer-legal-link:hover .link-bracket{opacity:1}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:2rem;border-top:1px solid rgba(151,206,76,.2)}.footer-copyright{color:#666;font-size:.85rem;text-align:center}.footer-eu-compliance{display:flex;gap:.5rem}.compliance-badge{display:inline-block;padding:.25rem .75rem;background:#97ce4c1a;border:1px solid var(--color-portal-green);color:var(--color-neon-green);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s}.compliance-badge:hover{background:var(--color-portal-green);color:var(--color-black);box-shadow:0 0 10px var(--color-neon-green)}.footer-glitch-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-portal-green) 50%,transparent 100%);animation:glitch-scan 3s linear infinite}@keyframes glitch-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(min-width:768px){.footer-content{grid-template-columns:2fr 1fr}.footer-brand{text-align:left}.footer-legal-nav{justify-content:flex-end}.footer-bottom{flex-direction:row;justify-content:space-between}}@media(max-width:480px){.footer-title{font-size:2rem}.footer-iwan{font-size:2.5rem}.footer-legal-nav{flex-direction:column;align-items:center;gap:.75rem}.footer-legal-link{width:100%;max-width:280px;text-align:center}}.legal-page{min-height:100vh;background:linear-gradient(180deg,#0a0a0a,#000);position:relative;overflow-x:hidden}.legal-container{max-width:900px;margin:0 auto;padding:4rem 2rem 6rem;position:relative;z-index:2}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-neon-green);text-decoration:none;font-family:var(--font-body);font-size:.95rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:2rem;padding:.5rem 1rem;border:1px solid var(--color-portal-green);transition:all .3s ease}.back-link:hover{background:#97ce4c1a;box-shadow:0 0 15px #97ce4c4d;transform:translate(-5px)}.back-arrow{font-weight:700;color:var(--color-saul-accent)}.legal-header{text-align:center;margin-bottom:4rem;position:relative}.header-decoration{width:100px;height:3px;background:linear-gradient(90deg,transparent,var(--color-portal-green),transparent);margin:0 auto 2rem;animation:header-glow 3s ease-in-out infinite}@keyframes header-glow{0%,to{box-shadow:0 0 10px var(--color-portal-green)}50%{box-shadow:0 0 20px var(--color-neon-green)}}.legal-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);color:var(--color-white);text-transform:uppercase;letter-spacing:3px;margin-bottom:1rem;transform:skew(-3deg);text-shadow:3px 3px 0 var(--color-portal-green);display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.title-bracket{color:var(--color-saul-accent);font-size:.7em}.legal-subtitle{color:var(--color-rick-hair);font-size:1.2rem;margin-bottom:.5rem;letter-spacing:2px}.effective-date{color:#666;font-size:.9rem;font-family:monospace}.legal-content{position:relative}.legal-section{background:#141414e6;border:1px solid rgba(151,206,76,.3);border-left:4px solid var(--color-portal-green);padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden;transition:all .3s ease}.legal-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-portal-green),var(--color-neon-green));opacity:0;transition:opacity .3s}.legal-section:hover:before{opacity:1}.legal-section:hover{border-color:var(--color-neon-green);box-shadow:0 0 20px #97ce4c1a}.highlight-section{border-left-color:var(--color-saul-accent);background:#e4bb2e0d}.section-title{color:var(--color-white);font-family:var(--font-display);font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-portal-green);text-transform:uppercase;letter-spacing:1px}.subsection-title{color:var(--color-saul-accent);font-family:var(--font-display);font-size:1.3rem;margin-top:1.5rem;margin-bottom:.75rem}.section-content p{color:#ccc;line-height:1.8;margin-bottom:1rem}.section-content strong{color:var(--color-white);font-weight:600}.legal-list{list-style:none;padding-left:0;margin:1rem 0}.legal-list li{color:#bbb;padding:.5rem 0 .5rem 2rem;position:relative;line-height:1.6}.legal-list li:before{content:">";position:absolute;left:0;color:var(--color-portal-green);font-weight:700;font-family:monospace}.legal-list li strong{color:var(--color-neon-green)}.legal-table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#0000004d}.legal-table th,.legal-table td{padding:1rem;text-align:left;border:1px solid rgba(151,206,76,.2)}.legal-table th{background:#97ce4c1a;color:var(--color-white);font-weight:700;text-transform:uppercase;letter-spacing:1px}.legal-table td{color:#bbb}.legal-table a{color:var(--color-neon-green)}.info-box,.warning-box{padding:1.5rem;margin:1.5rem 0;border-radius:4px;position:relative}.info-box{background:#97ce4c1a;border:1px solid var(--color-portal-green)}.info-box:before{content:"ℹ";position:absolute;top:1rem;left:1rem;width:24px;height:24px;background:var(--color-portal-green);color:var(--color-black);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.info-box strong{padding-left:2rem}.warning-box{background:#e4bb2e1a;border:1px solid var(--color-saul-accent)}.warning-box:before{content:"⚠";position:absolute;top:1rem;left:1rem;font-size:1.5rem}.warning-box strong{padding-left:2rem}.cookie-type-box{background:#0000004d;padding:1.5rem;margin:1rem 0;border:1px dashed rgba(151,206,76,.3)}.cookie-type-box h4{color:var(--color-neon-green);margin-bottom:.75rem;font-size:1.1rem}.cookie-meta{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(151,206,76,.2);font-size:.9rem;color:#999}.browser-guide{background:#00000080;padding:1.5rem;margin:1.5rem 0}.browser-guide h4{color:var(--color-saul-accent);margin-top:1rem;margin-bottom:.5rem}.browser-guide h4:first-child{margin-top:0}.browser-guide p{font-family:monospace;color:var(--color-neon-green);font-size:.85rem;margin:0}.inline-link{color:var(--color-saul-accent);text-decoration:none;border-bottom:1px dashed var(--color-saul-accent);transition:all .3s}.inline-link:hover{color:var(--color-white);border-bottom-style:solid}.disclaimer{margin-top:1.5rem;padding:1rem;background:#ffffff0d;border-left:3px solid #666;font-size:.9rem;color:#888;font-style:italic}.legal-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(151,206,76,.2);text-align:center;color:#666;font-size:.9rem}.legal-content a{color:var(--color-saul-accent);text-decoration:none;transition:all .3s}.legal-content a:hover{color:var(--color-white);text-decoration:underline}@media(max-width:768px){.legal-container{padding:2rem 1rem 4rem}.legal-title{font-size:1.8rem}.legal-section{padding:1.5rem}.section-title{font-size:1.4rem}.legal-table{font-size:.9rem}.legal-table th,.legal-table td{padding:.75rem .5rem}}@media(max-width:480px){.legal-title{font-size:1.5rem;flex-direction:column}.title-bracket{display:none}.legal-table{display:block;overflow-x:auto}}.login-container{height:100vh;display:flex;justify-content:center;align-items:center;background:#000}.login-card{background:#111;border:2px solid var(--color-toxic-green);padding:3rem;width:100%;max-width:400px;text-align:center;box-shadow:0 0 20px var(--color-toxic-green)}.login-card h2{color:var(--color-portal-green);font-family:var(--font-display);margin-bottom:2rem;letter-spacing:2px}.login-card input{margin-bottom:1rem;width:100%;padding:1rem;background:#222;border:1px solid #333;color:#fff;font-family:monospace}.login-card input:focus{border-color:var(--color-portal-green);outline:none}.login-card button{width:100%;padding:1rem;background:var(--color-portal-green);border:none;font-family:var(--font-display);font-size:1.2rem;cursor:pointer;transition:all .3s}.login-card button:hover{background:var(--color-neon-green);letter-spacing:2px}.error-msg{color:#f44;font-family:monospace;margin-bottom:1rem;font-weight:700}.warning-msg{color:#ff9800;font-family:monospace;margin-bottom:1rem;font-size:.9rem}.lockout-msg{color:#f44;font-family:monospace;margin-bottom:1rem;font-weight:700;font-size:1rem}.login-card input:disabled{opacity:.5;cursor:not-allowed}.login-card button:disabled{background:#555;cursor:not-allowed;letter-spacing:0}.login-card button:disabled:hover{background:#555;letter-spacing:0}