.app-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:1rem}@media (max-width: 768px){.app-container{padding:1rem}}.delete-account-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.card{width:100%;max-width:500px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;overflow:hidden;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.header{background:linear-gradient(135deg,#b8860b,#daa520);padding:2rem 1.5rem;text-align:center;color:#fff}.logo-container{margin-bottom:1rem}.app-title{font-size:1.8rem;font-weight:700;margin:0;letter-spacing:-.5px}.header h2{font-size:1.5rem;margin:.5rem 0 0;font-weight:600}.subtitle{margin:.5rem 0 0;opacity:.95;font-size:.95rem}form{padding:2rem 1.5rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;color:#333;margin-bottom:.5rem;font-size:.95rem}.required{color:#d32f2f}.optional{color:#999;font-weight:400;font-size:.85rem}.form-input,.form-textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease;color:#333}.form-input::placeholder,.form-textarea::placeholder{color:#999}.form-input:focus,.form-textarea:focus{outline:none;border-color:#b8860b;box-shadow:0 0 0 3px #b8860b1a;background-color:#fffef9}.form-input.error{border-color:#d32f2f;background-color:#ffebee}.form-textarea{resize:vertical;min-height:80px}.confirm-input{font-family:Courier New,monospace;font-weight:600;letter-spacing:2px}.error-text{display:block;color:#d32f2f;font-size:.85rem;margin-top:.25rem}.checkbox-group{display:flex;flex-direction:column}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;font-weight:400;color:#555;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{margin-top:.2rem;width:18px;height:18px;cursor:pointer;accent-color:#B8860B}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.warning-box{background-color:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.warning-box h3{margin:0 0 .75rem;color:#856404;font-size:1rem}.warning-content{display:flex;flex-direction:column;gap:.5rem}.warning-item{color:#856404;font-size:.9rem;line-height:1.4}.confirm-instruction{color:#666;font-size:.9rem;margin:.5rem 0 .75rem}.confirm-instruction code{background-color:#f5f5f5;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;color:#b8860b;font-weight:600}.alert{padding:1rem;margin-bottom:1.5rem;border-radius:8px;display:flex;gap:.75rem;align-items:flex-start;font-size:.95rem}.alert svg{width:20px;height:20px;flex-shrink:0;margin-top:2px}.alert-error{background-color:#ffebee;border:1px solid #f44336;color:#c62828}.alert-error svg{color:#d32f2f}.action-button{width:100%;padding:.875rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.delete-button{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff;margin-top:.5rem}.delete-button:hover:not(:disabled){background:linear-gradient(135deg,#c62828,#a01818);box-shadow:0 4px 12px #d32f2f4d;transform:translateY(-2px)}.delete-button:active:not(:disabled){transform:translateY(0)}.delete-button:disabled{opacity:.6;cursor:not-allowed}.action-button.secondary{background:linear-gradient(135deg,#b8860b,#daa520);color:#fff}.action-button.secondary:hover{box-shadow:0 4px 12px #b8860b4d;transform:translateY(-2px)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{text-align:center;color:#666;font-size:.9rem;margin-top:.75rem}.card-footer{padding:1rem 1.5rem;border-top:1px solid #e0e0e0;text-align:center;background-color:#f9f9f9}.card-footer p{margin:0;color:#666;font-size:.9rem}.link{color:#b8860b;text-decoration:none;font-weight:600;transition:color .3s ease}.link:hover{color:#daa520;text-decoration:underline}.success-state{padding:2rem 1.5rem;text-align:center}.success-icon{width:60px;height:60px;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-icon svg{width:32px;height:32px;color:#fff;stroke:#fff}.success-state h1{color:#333;font-size:1.75rem;margin-bottom:.5rem}.success-message{color:#666;font-size:1.05rem;margin-bottom:2rem}.data-info{background-color:#f9f9f9;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;text-align:left}.info-section{margin-bottom:1.5rem}.info-section:last-child{margin-bottom:0}.info-section h3{color:#333;font-size:.95rem;margin-bottom:.75rem;font-weight:600}.info-section ul{list-style:none;padding:0;margin:0}.info-section li{color:#666;font-size:.9rem;padding-left:1.5rem;position:relative;margin-bottom:.5rem;line-height:1.4}.info-section li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.info-section p{color:#666;font-size:.9rem;line-height:1.5;margin:0}@media (max-width: 600px){.card{border-radius:0;box-shadow:none}.header{padding:1.5rem 1rem}.app-title{font-size:1.5rem}.header h2{font-size:1.25rem}form{padding:1.5rem 1rem}.form-group{margin-bottom:1.25rem}.warning-box{padding:.75rem}.action-button{padding:.75rem;font-size:.95rem}.success-icon{width:50px;height:50px}.success-icon svg{width:28px;height:28px}.success-state h1{font-size:1.5rem}.success-message{font-size:1rem}.data-info{padding:1rem}.info-section h3{font-size:.9rem}.info-section li,.info-section p{font-size:.85rem}}@media (max-width: 400px){.header{padding:1rem}.app-title{font-size:1.25rem}.header h2{font-size:1.1rem}.header p{font-size:.85rem}form{padding:1rem}.form-label{font-size:.9rem}.form-input,.form-textarea{font-size:16px}.warning-box h3{font-size:.9rem}.warning-item,.confirm-instruction{font-size:.85rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}