@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
.claudiusx-page{--gold-50:#fffef5;--gold-100:#fff9e0;--gold-200:#fff0b3;--gold-300:#ffe580;--gold-400:gold;--gold-500:#d4af37;--gold-600:#b8860b;--gold-700:#996515;--gold-800:#7a5012;--gold-900:#5c3d0e;--obsidian-50:#1a1a1a;--obsidian-100:#171717;--obsidian-200:#141414;--obsidian-300:#111;--obsidian-400:#0d0d0d;--obsidian-500:#0a0a0a;--obsidian-600:#080808;--obsidian-700:#050505;--obsidian-800:#030303;--obsidian-900:#000;background:var(--obsidian-500);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}@keyframes claudiusx-float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(1deg)}50%{transform:translateY(-20px)rotate(0)}75%{transform:translateY(-10px)rotate(-1deg)}}@keyframes claudiusx-floatReverse{0%,to{transform:translateY(-20px)rotate(0)}50%{transform:translateY(0)rotate(0)}}@keyframes claudiusx-glow{0%,to{box-shadow:0 0 20px #d4af374d,0 0 40px #d4af371a}50%{box-shadow:0 0 40px #ffd70080,0 0 80px #d4af374d}}@keyframes claudiusx-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes claudiusx-fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes claudiusx-gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes claudiusx-borderGlow{0%,to{border-color:#d4af3733;box-shadow:0 0 #d4af3700}50%{border-color:#d4af3780;box-shadow:0 0 20px #d4af3733}}@keyframes claudiusx-soundwave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes claudiusx-morphShape{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 60% 70% 40%}75%{border-radius:60% 40% 60% 30%/70% 30% 50% 60%}}@keyframes claudiusx-textGlow{0%,to{text-shadow:0 0 10px #d4af3780,0 0 20px #d4af374d}50%{text-shadow:0 0 20px #ffd700cc,0 0 40px #d4af3780,0 0 60px #d4af374d}}@keyframes claudiusx-particleFloat{0%,to{opacity:.6;transform:translateY(0)translate(0)scale(1)}25%{opacity:.8;transform:translateY(-30px)translate(10px)scale(1.1)}50%{opacity:.4;transform:translateY(-50px)translate(-10px)scale(1)}75%{opacity:.7;transform:translateY(-30px)translate(15px)scale(.9)}}.claudiusx-page .animate-float{animation:6s ease-in-out infinite claudiusx-float}.claudiusx-page .animate-float-reverse{animation:6s ease-in-out infinite claudiusx-floatReverse}.claudiusx-page .animate-glow{animation:3s ease-in-out infinite claudiusx-glow}.claudiusx-page .animate-shimmer{background:linear-gradient(90deg,#0000,#ffd7004d,#0000) 0 0/200% 100%;animation:2s linear infinite claudiusx-shimmer}.claudiusx-page .animate-fadeInUp{animation:.8s ease-out forwards claudiusx-fadeInUp}.claudiusx-page .animate-gradient{background-size:200% 200%;animation:5s infinite claudiusx-gradientShift}.claudiusx-page .animate-border-glow{animation:3s ease-in-out infinite claudiusx-borderGlow}.claudiusx-page .animate-morph{animation:8s ease-in-out infinite claudiusx-morphShape}.claudiusx-page .animate-text-glow{animation:3s ease-in-out infinite claudiusx-textGlow}.claudiusx-page .gradient-text{background:linear-gradient(135deg, var(--gold-400) 0%, var(--gold-500) 50%, var(--gold-300) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.claudiusx-page .gradient-text-animated{background:linear-gradient(90deg, var(--gold-300), var(--gold-400), var(--gold-500), var(--gold-400), var(--gold-300));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite claudiusx-shimmer}.claudiusx-page .glass{-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a}.claudiusx-page .glass-gold{-webkit-backdrop-filter:blur(20px);background:#d4af370d;border:1px solid #d4af3733}.claudiusx-page .btn-primary{background:linear-gradient(135deg, var(--gold-500) 0%, var(--gold-400) 50%, var(--gold-500) 100%);color:#000;cursor:pointer;background-size:200% 200%;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #d4af374d}.claudiusx-page .btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 30px #d4af3780}.claudiusx-page .btn-secondary{color:var(--gold-400);border:2px solid var(--gold-500);cursor:pointer;background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.claudiusx-page .btn-secondary:hover{border-color:var(--gold-400);transform:translateY(-3px);box-shadow:0 8px 30px #d4af3733}.claudiusx-page .section{padding:120px 0;position:relative}.claudiusx-page .container{max-width:1200px;margin:0 auto;padding:0 24px}.claudiusx-page .section-title{text-align:center;margin-bottom:16px;font-size:48px;font-weight:800}.claudiusx-page .section-subtitle{color:#fff9;text-align:center;max-width:600px;margin:0 auto 60px;font-size:18px}.claudiusx-page .card{background:linear-gradient(135deg,#d4af370d 0%,#0000004d 100%);border:1px solid #d4af3726;border-radius:24px;padding:32px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.claudiusx-page .card:hover{border-color:#d4af3766;transform:translateY(-8px)scale(1.02);box-shadow:0 30px 60px #0006}.claudiusx-page .noise-overlay{pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}@media (max-width:768px){.claudiusx-page .section{padding:80px 0}.claudiusx-page .section-title{font-size:32px}.claudiusx-page .section-subtitle{margin-bottom:40px;font-size:16px}.claudiusx-page .btn-primary,.claudiusx-page .btn-secondary{padding:14px 24px;font-size:15px}}.claudiusx-page section[id]{scroll-margin-top:80px}