:root{--dvs-primary:#6366f1;--dvs-primary-dark:#4f46e5;--dvs-primary-light:#818cf8;--dvs-secondary:#8b5cf6;--dvs-success:#10b981;--dvs-success-dark:#059669;--dvs-warning:#f59e0b;--dvs-danger:#ef4444;--dvs-danger-dark:#dc2626;--dvs-info:#06b6d4;--dvs-bg-dark:#0f172a;--dvs-bg-darker:#020617;--dvs-bg-card:#1e293b;--dvs-bg-card-hover:#334155;--dvs-text:#f1f5f9;--dvs-text-secondary:#cbd5e1;--dvs-text-muted:#94a3b8;--dvs-border:#334155;--dvs-border-light:#475569;--dvs-shadow-sm:0 2px 8px rgba(0, 0, 0, 0.1);--dvs-shadow-md:0 4px 20px rgba(0, 0, 0, 0.15);--dvs-shadow-lg:0 8px 40px rgba(0, 0, 0, 0.2);--dvs-spacing-xs:0.5rem;--dvs-spacing-sm:1rem;--dvs-spacing-md:1.5rem;--dvs-spacing-lg:2rem;--dvs-spacing-xl:3rem;--dvs-radius-sm:0.75rem;--dvs-radius-md:1rem;--dvs-radius-lg:1.5rem;--dvs-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}#dvs-loadingOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(2,6,23,.95);backdrop-filter:blur(10px);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:10000;gap:1.5rem}#dvs-loadingSpinner{width:60px;height:60px;border:4px solid rgba(99,102,241,.1);border-top-color:var(--dvs-primary);border-radius:50%;animation:dvs-spin 1s linear infinite}@keyframes dvs-spin{to{transform:rotate(360deg)}}#dvs-loadingText{font-size:18px;font-weight:600;color:var(--dvs-text);letter-spacing:.5px}.dvs-wrapper-main{background:var(--dvs-bg-darker);min-height:100vh;padding:80px 0}.dvs-container{max-width:1200px;margin:0 auto;padding:0 1rem}.dvs-content-area{display:flex;flex-direction:column;gap:2rem}.dvs-content-area.dvs-has-result{gap:1rem}.dvs-card{background:rgba(30,41,59,.5);backdrop-filter:blur(20px);border:1px solid var(--dvs-border);border-radius:24px;padding:48px;box-shadow:var(--dvs-shadow-sm);animation:dvs-fadeIn .6s ease-out}@keyframes dvs-fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dvs-fadeInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.dvs-h1{font-size:clamp(32px, 5vw, 48px);font-weight:800;line-height:1.2;margin:0 0 24px;color:var(--dvs-text);background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dvs-h2{font-size:clamp(24px, 4vw, 36px);font-weight:700;line-height:1.3;margin:0 0 20px;color:var(--dvs-text)}.dvs-verifier-box{position:relative}.dvs-verifier-info{font-size:16px;line-height:1.8;color:var(--dvs-text-secondary);margin-bottom:32px;padding:24px;background:rgba(99,102,241,.05);border-left:4px solid var(--dvs-primary);border-radius:12px}.dvs-verifier-info strong{color:var(--dvs-text);font-weight:600}.dvs-input-area{display:flex;flex-direction:column;gap:20px;margin:32px 0}#dvs-urlInput{width:100%;padding:18px 24px;background:var(--dvs-bg-darker);border:2px solid var(--dvs-border);border-radius:16px;color:var(--dvs-text);font-size:17px;transition:var(--dvs-transition)}#dvs-urlInput:focus{outline:0;border-color:var(--dvs-primary);box-shadow:0 0 0 4px rgba(99,102,241,.1)}#dvs-urlInput::placeholder{color:var(--dvs-text-muted)}.dvs-captcha-area{display:flex;justify-content:center;padding:12px 0}.dvs-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 40px;background:linear-gradient(135deg,var(--dvs-primary),var(--dvs-secondary));border:none;border-radius:14px;color:#fff;font-size:17px;font-weight:600;cursor:pointer;transition:var(--dvs-transition);box-shadow:0 4px 16px rgba(99,102,241,.3);width:100%}.dvs-btn::before{content:"";width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E") center/contain no-repeat}.dvs-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(99,102,241,.4)}.dvs-btn:active:not(:disabled){transform:translateY(0)}.dvs-btn:disabled{opacity:.6;cursor:not-allowed}.dvs-pulse-animation{animation:dvs-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes dvs-pulse{0%,100%{opacity:1}50%{opacity:.7}}.dvs-bounce-animation{animation:dvs-bounce 1s ease-in-out}@keyframes dvs-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.dvs-result-box{min-height:400px}.dvs-result-box-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px}#dvs-resultWrapper{display:none}.dvs-fade-in{animation:dvs-fadeIn .6s ease-out}.dvs-tutorial-box{width:100%;max-width:700px;margin:32px auto 0;background:var(--dvs-bg-card);border:1px solid var(--dvs-border);border-radius:16px;padding:32px}.dvs-tutorial-box h3{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:var(--dvs-text);margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid var(--dvs-border)}.dvs-tutorial-box h3::before{content:"";width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4m0-4h.01'/%3E%3C/svg%3E") center/contain no-repeat}.dvs-tutorial-step{display:flex;gap:20px;margin-bottom:24px;padding:20px;background:rgba(99,102,241,.05);border-radius:12px;transition:var(--dvs-transition)}.dvs-tutorial-step:hover{background:rgba(99,102,241,.08);transform:translateX(8px)}.dvs-tutorial-step:last-child{margin-bottom:0}.dvs-step-number{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dvs-primary),var(--dvs-secondary));color:#fff;font-size:20px;font-weight:700;border-radius:12px;box-shadow:0 4px 12px rgba(99,102,241,.3)}.dvs-step-content p{margin:0;font-size:15px;line-height:1.7;color:var(--dvs-text-secondary)}.dvs-step-content strong{color:var(--dvs-primary);font-weight:600}.dvs-result-content{margin-top:24px}.dvs-info-box{background:var(--dvs-bg-card);border:1px solid var(--dvs-border);border-radius:16px;padding:32px;margin-bottom:24px}.dvs-info-box.dvs-error{border-color:rgba(239,68,68,.3)}.dvs-info-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--dvs-border)}.dvs-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:rgba(16,185,129,.15);color:var(--dvs-success);border:1px solid rgba(16,185,129,.3)}.dvs-status-badge::before{content:"";width:8px;height:8px;background:currentColor;border-radius:50%;animation:dvs-pulse-dot 2s ease-in-out infinite}@keyframes dvs-pulse-dot{0%,100%{opacity:1}50%{opacity:.3}}.dvs-status-badge.dvs-offline{background:rgba(239,68,68,.15);color:var(--dvs-danger);border-color:rgba(239,68,68,.3)}.dvs-info-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:24px 0}.dvs-stat-card{padding:20px;background:rgba(99,102,241,.05);border:1px solid rgba(99,102,241,.1);border-radius:12px;text-align:center;transition:var(--dvs-transition)}.dvs-stat-card:hover{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.2);transform:translateY(-4px)}.dvs-faq-section{padding:80px 0;background:var(--dvs-bg-dark)}.dvs-faq-section .dvs-h2{font-size:clamp(28px, 4vw, 40px);font-weight:800;text-align:center;margin-bottom:48px;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dvs-faq-container{display:flex;flex-direction:column;gap:16px;max-width:900px;margin:0 auto}.dvs-faq-item{background:rgba(30,41,59,.5);backdrop-filter:blur(20px);border:1px solid var(--dvs-border);border-radius:16px;overflow:hidden;transition:var(--dvs-transition)}.dvs-faq-item:hover{border-color:var(--dvs-primary)}.dvs-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;background:0 0;border:none;color:var(--dvs-text);font-size:16px;font-weight:600;text-align:left;cursor:pointer;transition:var(--dvs-transition)}.dvs-faq-question:hover{color:var(--dvs-primary)}.dvs-faq-question::after{content:"";width:24px;height:24px;min-width:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s ease}.dvs-faq-item.dvs-active .dvs-faq-question::after{transform:rotate(180deg);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2'%3E%3Cpath d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") center/contain no-repeat}.dvs-faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.dvs-faq-item.dvs-active .dvs-faq-answer{max-height:2000px;padding:0 28px 24px}.dvs-faq-answer p{color:var(--dvs-text-secondary);font-size:15px;line-height:1.7;margin-bottom:12px}.dvs-faq-answer p:last-child{margin-bottom:0}.dvs-faq-answer ol,.dvs-faq-answer ul{color:var(--dvs-text-secondary);font-size:15px;line-height:1.7;padding-left:24px}.dvs-faq-answer li{margin-bottom:8px}.dvs-faq-answer strong{color:var(--dvs-text);font-weight:600}@media (max-width:1024px){.dvs-card{padding:36px 28px}.dvs-info-stats{grid-template-columns:1fr}}@media (max-width:768px){.dvs-wrapper-main{padding:60px 0}.dvs-card{padding:28px 20px}#dvs-urlInput{padding:16px 20px;font-size:16px}.dvs-btn{padding:14px 32px;font-size:16px}.dvs-tutorial-box{padding:24px 20px}.dvs-tutorial-step{flex-direction:column;align-items:flex-start}.dvs-info-box{padding:24px 20px}.dvs-faq-question{padding:20px;font-size:15px}.dvs-faq-item.dvs-active .dvs-faq-answer{padding:0 20px 20px}}@media (max-width:480px){.dvs-card{padding:20px 16px}#dvs-urlInput{padding:14px 18px;font-size:15px}.dvs-btn{padding:12px 24px;font-size:15px}.dvs-h1{font-size:28px}.dvs-h2{font-size:22px}.dvs-info-header{flex-direction:column;align-items:flex-start}}img{height:auto;max-width:100%}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@supports (font-display:swap){*{font-display:swap}}.dvs-btn,.dvs-card,.dvs-stat-card,.dvs-tutorial-step{will-change:transform;transform:translateZ(0)}#dvs-urlInput:focus-visible,.dvs-btn:focus-visible,.dvs-faq-question:focus-visible{outline:2px solid var(--dvs-primary);outline-offset:2px}@media print{#dvs-loadingOverlay{display:none!important}}