.delete-account-page{background:var(--color-white);min-height:100vh}.delete-account-hero{background:var(--color-black);padding:120px 0 80px;position:relative;overflow:hidden}.delete-account-hero:before{content:"";pointer-events:none;background:radial-gradient(at 30%,#ffffff0a 0%,#0000 60%),radial-gradient(at 70% 20%,#ffffff08 0%,#0000 50%);position:absolute;inset:0}.delete-account-hero-content{z-index:1;max-width:720px;position:relative}.delete-account-badge{color:#ffffffb3;font-family:var(--font-body);letter-spacing:1.5px;text-transform:uppercase;border-radius:var(--radius-full);background:#ffffff1a;border:1px solid #ffffff26;margin-bottom:24px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.delete-account-title{font-family:var(--font-heading);color:var(--color-white);letter-spacing:-1px;margin:0 0 20px;font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.1}.delete-account-subtitle{font-family:var(--font-body);color:#fff9;max-width:580px;margin:0;font-size:17px;line-height:1.7}.delete-account-body{padding:80px 0 120px}.delete-account-layout{max-width:700px;margin:0 auto}.delete-account-content{width:100%}.delete-account-section{margin-bottom:64px}.delete-account-section:last-child{margin-bottom:0}.delete-account-section h2{font-family:var(--font-heading);color:var(--color-black);letter-spacing:-.5px;margin:0 0 12px;font-size:28px;font-weight:800}.delete-account-section h3{font-family:var(--font-heading);color:var(--color-gray-800);margin:0 0 12px;font-size:18px;font-weight:700}.delete-account-section h4{font-family:var(--font-heading);color:var(--color-gray-800);margin:0 0 8px;font-size:16px;font-weight:700}.section-description{font-family:var(--font-body);color:var(--color-gray-600);margin:0 0 32px;font-size:15px;line-height:1.8}.section-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:48px}.login-form,.delete-form{width:100%}.form-group{margin-bottom:24px}.form-group label{font-family:var(--font-body);color:var(--color-gray-700);letter-spacing:.3px;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input{width:100%;font-family:var(--font-body);color:var(--color-black);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:12px 16px;font-size:15px}.form-input:focus{border-color:var(--color-black);background:var(--color-white);outline:none;box-shadow:0 0 0 2px #0505050d}.form-input::placeholder{color:var(--color-gray-400)}.btn{font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 32px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-black);width:100%;color:var(--color-white);border:1px solid var(--color-black)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-gray-100);width:100%;color:var(--color-black);border:1px solid var(--color-gray-200)}.btn-secondary:hover{background:var(--color-gray-200);border-color:var(--color-gray-300)}.btn-danger{width:100%;color:var(--color-white);background:#dc2626;border:1px solid #dc2626}.btn-danger:hover{box-shadow:var(--shadow-md);background:#b91c1c;border-color:#b91c1c;transform:translateY(-2px)}.btn-danger:active{transform:translateY(0)}.form-actions{flex-direction:column;gap:12px;margin-top:32px;display:flex}.form-actions .btn{width:100%}.form-hint{font-family:var(--font-body);color:var(--color-gray-600);text-align:center;margin-top:20px;font-size:14px}.form-hint a{color:var(--color-black);text-underline-offset:3px;transition:color var(--transition-fast);font-weight:500;text-decoration:underline}.form-hint a:hover{color:var(--color-gray-600)}.error-message{border-radius:var(--radius-md);font-family:var(--font-body);color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;align-items:flex-start;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:14px;display:flex}.error-icon{flex-shrink:0;font-size:16px}.success-banner{border-radius:var(--radius-md);font-family:var(--font-body);color:#047857;background:#ecfdf5;border:1px solid #d1fae5;align-items:center;gap:12px;margin-bottom:32px;padding:16px;font-size:14px;display:flex}.success-icon{flex-shrink:0;font-size:18px}.checkbox-group{background:var(--color-gray-50);border-radius:var(--radius-md);align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px;display:flex}.form-checkbox{cursor:pointer;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);width:20px;min-width:20px;height:20px;transition:all var(--transition-fast);margin-top:2px}.form-checkbox:focus{border-color:var(--color-black);outline:none;box-shadow:0 0 0 3px #0505051a}.form-checkbox:checked{background:var(--color-black);border-color:var(--color-black)}.checkbox-label{font-family:var(--font-body);color:var(--color-gray-600);cursor:pointer;flex:1;font-size:14px;line-height:1.6}.warning-box{border-radius:var(--radius-md);background:#fef3c7;border:1px solid #fde68a;margin-bottom:32px;padding:24px}.warning-box h3{color:#92400e;margin-top:0}.info-list{margin:0;padding:0;list-style:none}.info-list li{font-family:var(--font-body);color:#92400e;margin-bottom:12px;padding-left:24px;font-size:14px;line-height:1.8;position:relative}.info-list li:last-child{margin-bottom:0}.info-list li:before{content:"•";font-weight:700;position:absolute;left:8px}.success-card{background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border:1px solid #d1fae5;padding:48px}.success-header{text-align:center;margin-bottom:40px}.large-success-icon{margin-bottom:16px;font-size:64px;display:block}.success-header h2{color:#047857;margin-bottom:0}.deletion-info{margin-bottom:40px}.main-message{font-family:var(--font-body);color:var(--color-gray-600);text-align:center;margin-bottom:32px;font-size:16px;line-height:1.8}.timeline-box{background:var(--color-white);border-radius:var(--radius-md);border:1px solid #d1fae5;margin-bottom:32px;padding:24px}.timeline-box h3{color:#047857;margin-top:0}.timeline{padding-left:40px;position:relative}.timeline:before{content:"";background:#d1fae5;width:2px;position:absolute;top:0;bottom:0;left:15px}.timeline-item{margin-bottom:32px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{width:32px;height:32px;color:var(--color-white);border:2px solid var(--color-white);font-family:var(--font-heading);background:#047857;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;top:2px;left:-40px}.timeline-content p{font-family:var(--font-body);margin:0 0 8px;font-size:14px;line-height:1.6}.timeline-content p:first-child{color:var(--color-gray-800);font-weight:600}.timeline-text{color:var(--color-gray-600);font-weight:400}.info-box{background:var(--color-white);border-radius:var(--radius-md);border:1px solid #d1fae5;margin-bottom:24px;padding:20px}.info-box h4{color:#047857;margin-bottom:12px}.deletion-date{font-family:var(--font-heading);color:#047857;margin:0;font-size:18px;font-weight:700}.contact-info{background:var(--color-white);border-radius:var(--radius-md);border:1px solid #d1fae5;padding:20px}.contact-info h4{color:#047857}.contact-info p{font-family:var(--font-body);color:var(--color-gray-600);margin:0;font-size:14px;line-height:1.8}.faq-section{border-top:1px solid var(--color-gray-200);margin-top:80px;padding-top:80px}.faq-section h2{margin-bottom:40px}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.faq-item{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:28px 24px}.faq-item:hover{border-color:var(--color-gray-300);background:var(--color-white);box-shadow:var(--shadow-sm)}.faq-item h4{color:var(--color-black);margin-bottom:12px}.faq-item p{font-family:var(--font-body);color:var(--color-gray-600);margin:0;font-size:14px;line-height:1.8}@media (width<=768px){.delete-account-hero{padding:calc(100px + env(safe-area-inset-top)) 0 48px}.delete-account-title{font-size:clamp(28px,5vw,36px)}.delete-account-body{padding:60px 0 80px}.section-card{padding:24px 16px}.faq-grid{grid-template-columns:1fr;gap:20px}.timeline-box{padding:20px}.info-box{padding:16px}.form-actions{flex-direction:column}.checkbox-group{gap:10px;padding:12px}.warning-box{padding:20px}.success-card{padding:32px 24px}.success-header{margin-bottom:24px}.large-success-icon{font-size:48px}.timeline{padding-left:32px}.timeline:before{left:11px}.timeline-marker{width:28px;height:28px;font-size:12px;left:-36px}}@media (width<=480px){.delete-account-hero{padding:60px 0 40px}.delete-account-title{font-size:28px}.delete-account-body{padding:40px 0 60px}.section-card{border-radius:var(--radius-md);padding:24px 20px}.form-group{margin-bottom:20px}.delete-account-section h2{font-size:22px}.form-actions{gap:10px}.btn{padding:12px 20px;font-size:14px}.info-list li{padding-left:20px;font-size:13px}.timeline-item{margin-bottom:24px}}
