:root{--primary-color: #8b0000;--secondary-color: #a52a2a;--accent-color: #800000;--text-color: #2c3e50;--light-bg: #f8f9fa;--border-radius: 12px;--card-shadow: 0 4px 6px rgba(0, 0, 0, .1);--card-hover-shadow: 0 8px 25px rgba(0, 0, 0, .15);--transition: all .3s ease;--gradient-primary: linear-gradient(135deg, #8b0000, #a52a2a);--gradient-secondary: linear-gradient(135deg, #a52a2a, #800000);--shadow-light: 0 2px 10px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .15);--shadow-heavy: 0 8px 30px rgba(0, 0, 0, .2)}body{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#ecf0f1,#bdc3c7,#ecf0f1);min-height:100vh;position:relative;overflow-x:hidden;color:var(--text-color);line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(139,0,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(165,42,42,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(128,0,0,.1) 0%,transparent 50%);pointer-events:none;z-index:-2}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(139,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,0,0,.03) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 25s linear infinite;pointer-events:none;z-index:-1}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.floating-element{position:fixed;background:#8b000026;border:2px solid rgba(139,0,0,.3);animation:officeFloat 12s ease-in-out infinite;pointer-events:none;z-index:-1}.floating-element:nth-child(1){width:80px;height:80px;top:15%;left:10%;animation-delay:0s;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:#a52a2a33;border-color:#a52a2a66}.floating-element:nth-child(2){width:100px;height:100px;top:60%;right:15%;animation-delay:3s;border-radius:50%;background:#8b000033;border-color:#8b000066}.floating-element:nth-child(3){width:60px;height:60px;bottom:20%;left:20%;animation-delay:6s;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:#a52a2a33;border-color:#a52a2a66}.floating-element:before{content:"";position:absolute;width:4px;height:4px;background:#8b0000;border-radius:50%;top:-2px;left:50%;transform:translate(-50%);animation:document 3s ease-in-out infinite;box-shadow:0 0 10px #8b0000}.floating-element:after{content:"";position:absolute;width:2px;height:2px;background:brown;border-radius:50%;bottom:-1px;right:10px;animation:document 3s ease-in-out infinite 1.5s;box-shadow:0 0 8px brown}@keyframes officeFloat{0%,to{transform:translateY(0) rotate(0);opacity:.4}50%{transform:translateY(-20px) rotate(90deg);opacity:.8}}@keyframes document{0%,to{opacity:.3;transform:translate(-50%) scale(.8)}50%{opacity:1;transform:translate(-50%) scale(1.2)}}.modules-section{position:relative;z-index:2;padding:4rem 0}.modules-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;margin:2rem;z-index:-1}.btn-primary{background:var(--gradient-primary);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;box-shadow:var(--shadow-medium)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition)}.btn-primary:hover{background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-heavy);color:#fff;text-decoration:none}.btn-primary:hover:before{left:100%}.btn-primary:focus{box-shadow:0 0 0 .2rem #8b000040}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;box-shadow:var(--shadow-medium)}.btn-danger:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition)}.btn-danger:hover{background:linear-gradient(135deg,#c0392b,#e74c3c);transform:translateY(-2px);box-shadow:var(--shadow-heavy);color:#fff;text-decoration:none}.btn-danger:hover:before{left:100%}.footer-section{background:var(--gradient-primary);color:#fff;padding:2rem 0;margin-top:3rem;position:relative;overflow:hidden}.footer-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="footerGrain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23footerGrain)"/></svg>');pointer-events:none}.footer-section .container{position:relative;z-index:1}