.page{margin-top:80px;min-height:calc(100vh - 80px)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.hero-section{position:relative;background:radial-gradient(ellipse at 50% 0%,#b00c0c,#1a0404,#0a0a0a);padding:var(--spacing-2xl) var(--spacing-lg);overflow:hidden;animation:fadeInUp var(--transition-slow) ease-out}.hero-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(176,12,12,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(176,12,12,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,215,0,.08) 0%,transparent 40%);animation:heroBackgroundPulse 15s ease-in-out infinite;z-index:0}.hero-section:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(176,12,12,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(176,12,12,.03) 1px,transparent 1px);background-size:50px 50px;z-index:0}@keyframes heroBackgroundPulse{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.8;transform:scale(1.1) rotate(2deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.hero-left h1{font-size:var(--font-size-4xl);font-weight:800;color:var(--color-light);margin-bottom:var(--spacing-lg);line-height:1.2;text-shadow:0 0 20px rgba(176,12,12,.5),0 0 40px rgba(176,12,12,.3),2px 2px 4px rgba(0,0,0,.8);animation:heroTitleGlow 3s ease-in-out infinite alternate}@keyframes heroTitleGlow{0%{text-shadow:0 0 20px rgba(176,12,12,.5),0 0 40px rgba(176,12,12,.3),2px 2px 4px rgba(0,0,0,.8)}to{text-shadow:0 0 30px rgba(176,12,12,.7),0 0 60px rgba(176,12,12,.5),2px 2px 4px rgba(0,0,0,.8)}}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.hero-btn{position:relative;padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-lg);font-weight:700;text-align:center;transition:all var(--transition-fast);border:2px solid transparent;border-radius:50px;cursor:pointer;display:inline-block;overflow:hidden;text-transform:uppercase;letter-spacing:1px}.hero-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.hero-btn:hover:before{width:300px;height:300px}.hero-btn-primary{background:linear-gradient(135deg,#b00c0c,#d01414);color:var(--color-light);box-shadow:0 4px 15px #b00c0c66,inset 0 -3px 10px #0000004d}.hero-btn-primary:hover{background:linear-gradient(135deg,#d01414,#ff1a1a);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #b00c0c99,0 0 30px #b00c0c66,inset 0 -3px 10px #0000004d}.hero-btn-secondary{background:#ffffff0d;color:var(--color-light);border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d,inset 0 1px 2px #ffffff1a}.hero-btn-secondary:hover{background:#ffffff26;border-color:var(--color-light);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #fff3,0 0 30px #ffffff26,inset 0 1px 2px #fff3}.hero-right{width:100%;position:relative}.hero-image{width:100%;overflow:hidden;border-radius:20px;position:relative;box-shadow:0 10px 40px #00000080,0 0 0 1px #b00c0c4d,0 0 60px #b00c0c33;transition:all var(--transition-normal)}.hero-image:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#b00c0c,gold,#b00c0c,gold);background-size:400% 400%;border-radius:20px;z-index:-1;animation:heroImageBorder 6s ease infinite;opacity:.6}@keyframes heroImageBorder{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-image:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 50px #0009,0 0 0 1px #b00c0c80,0 0 80px #b00c0c66}.hero-image-link{display:block;width:100%;transition:all var(--transition-fast);position:relative}.hero-image-link:hover{opacity:.95}.hero-image img{width:100%;height:auto;display:block;border-radius:20px}.hero-tags{position:relative;z-index:1;max-width:1200px;margin:var(--spacing-xl) auto 0;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.hero-tag{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#b00c0c33,#0a0a0a66);color:var(--color-light);font-size:var(--font-size-sm);font-weight:700;border:2px solid rgba(176,12,12,.3);border-radius:50px;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d,inset 0 1px 2px #ffffff1a;text-transform:uppercase;letter-spacing:.5px}.hero-tag:hover{border-color:var(--color-primary);background:linear-gradient(135deg,#b00c0c66,#0a0a0a99);transform:translateY(-5px) scale(1.05);box-shadow:0 8px 20px #b00c0c66,0 0 30px #b00c0c4d,inset 0 1px 2px #ffffff26}.hero-tag-icon{font-size:var(--font-size-lg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:heroIconFloat 3s ease-in-out infinite}@keyframes heroIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.intro-section{background-color:var(--color-secondary);padding:var(--spacing-2xl) 0;border-bottom:1px solid var(--color-border)}.intro-text{font-size:var(--font-size-lg);line-height:1.8;color:var(--color-gray);max-width:900px;margin:0 auto}.main-content{padding:var(--spacing-2xl) 0}.content-section{margin-bottom:var(--spacing-2xl);padding-top:80px;margin-top:-80px;animation:fadeIn var(--transition-normal) ease-out;animation-fill-mode:both;animation-delay:.1s;scroll-margin-top:80px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.content-section h2{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-primary);transition:all var(--transition-normal)}.content-section h2:hover{padding-bottom:var(--spacing-lg)}.content-section p{font-size:var(--font-size-base);line-height:1.8;color:var(--color-gray);margin-bottom:var(--spacing-md)}.table-container{overflow-x:auto;margin:var(--spacing-lg) 0;border:1px solid var(--color-border);border-radius:var(--border-radius)}.reference-table{width:100%;border-collapse:collapse;background-color:var(--color-secondary)}.reference-table th{background-color:var(--color-primary);color:var(--color-light);padding:var(--spacing-md);text-align:left;font-weight:700;font-size:var(--font-size-base);border:1px solid var(--color-dark)}.reference-table td{padding:var(--spacing-md);border:1px solid var(--color-border);color:var(--color-light);font-size:var(--font-size-sm)}.reference-table tbody tr:nth-child(2n){background-color:var(--color-dark)}.reference-table tbody tr:hover{background-color:var(--color-secondary)}.attention-section{margin:var(--spacing-2xl) 0}.attention-box{background-color:var(--color-secondary);padding:var(--spacing-xl);border:2px solid var(--color-primary);border-radius:var(--border-radius)}.attention-box h3{font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:var(--spacing-md)}.attention-box p{font-size:var(--font-size-base);line-height:1.8;color:var(--color-light)}.faq-section{margin:var(--spacing-2xl) 0;padding-top:80px;margin-top:calc(var(--spacing-2xl) - 80px);scroll-margin-top:80px}.faq-section h2{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-primary)}@media(max-width:1023px){.hero-content{grid-template-columns:1fr}.hero-left h1{font-size:var(--font-size-3xl);text-align:center}.hero-buttons{justify-content:center}.content-section h2{font-size:var(--font-size-2xl)}.hero-image{max-width:60%;margin:0 auto}}@media(max-width:767px){.page{margin-top:70px}.hero-section{padding:var(--spacing-xl) var(--spacing-md)}.hero-left h1{font-size:var(--font-size-2xl)}.hero-buttons,.hero-tags{flex-direction:column}.intro-text{font-size:var(--font-size-base)}.content-section h2{font-size:var(--font-size-xl)}.attention-box{padding:var(--spacing-lg)}.container{padding:0 var(--spacing-md)}}@media(max-width:425px){.hero-image{max-width:100%}}