If your account was disabled or you simply can't log in,

Click here to join our live irc #support channel.

If you need help please contact us at: help@iptorrents.com

tion: relative; overflow-x: hidden; } body::before { content: ''; position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(ellipse at 30% 20%, rgba(99, 102, 241, 0.15) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, rgba(139, 92, 246, 0.1) 0%, transparent 50%); animation: drift 20s ease-in-out infinite; pointer-events: none; } @keyframes drift { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 50% { transform: translate(-2%, 2%) rotate(1deg); } } .container { width: 100%; max-width: 400px; position: relative; z-index: 1; } .logo-section { text-align: center; } .logo-icon { width: 180px; height: 180px; display: inline-block; position: relative; margin-bottom: 8px; filter: drop-shadow(0 10px 30px rgba(99, 102, 241, 0.4)); } .logo-icon svg { width: 100%; height: 100%; } .logo-icon .logo-glow { position: absolute; inset: -20%; background: radial-gradient(circle, rgba(99, 102, 241, 0.3) 0%, transparent 70%); animation: pulse-glow 3s ease-in-out infinite; pointer-events: none; } @keyframes pulse-glow { 0%, 100% { opacity: 0.5; transform: scale(1); } 50% { opacity: 0.8; transform: scale(1.1); } } @keyframes rotate-nodes { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes data-flow { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } } .logo-icon .orbit-ring { animation: rotate-nodes 20s linear infinite; transform-origin: center; } .logo-icon .data-pulse { animation: data-flow 2s ease-in-out infinite; } .logo-icon .data-pulse:nth-child(2) { animation-delay: 0.3s; } .logo-icon .data-pulse:nth-child(3) { animation-delay: 0.6s; } .logo-icon .data-pulse:nth-child(4) { animation-delay: 0.9s; } .logo-text { font-size: 13px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(--text-secondary); } .login-card { background: var(--surface); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid var(--border); border-radius: 24px; padding: 20px 32px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); } .card-header { text-align: center; margin-bottom: 32px; } .card-header h1 { font-size: 24px; font-weight: 700; margin-bottom: 8px; background: linear-gradient(135deg, var(--text) 0%, var(--text-secondary) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .card-header p { font-size: 14px; color: var(--text-secondary); } .error-msg { display: flex; align-items: center; gap: 10px; background: var(--error-bg); border: 1px solid rgba(248, 113, 113, 0.2); border-radius: 12px; padding: 14px 16px; margin-bottom: 24px; font-size: 14px; color: var(--error); } .error-msg svg { flex-shrink: 0; } .input-group { margin-bottom: 20px; } .input-group label { display: block; font-size: 13px; font-weight: 500; color: var(--text-secondary); margin-bottom: 8px; } .input-wrapper { position: relative; } .input-wrapper svg { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--text-secondary); pointer-events: none; transition: color 0.2s ease; } .input-wrapper input { width: 100%; background: rgba(0, 0, 0, 0.2); border: 1px solid var(--border); border-radius: 12px; padding: 14px 16px 14px 48px; font-size: 15px; color: var(--text); transition: all 0.2s ease; } .input-wrapper input::placeholder { color: rgba(148, 163, 184, 0.5); } .input-wrapper input:focus { outline: none; border-color: var(--primary); background: rgba(99, 102, 241, 0.05); box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1); } .input-wrapper input:focus + svg, .input-wrapper:focus-within svg { color: var(--primary-light); } .captcha-container { margin-bottom: 24px; display: flex; justify-content: center; } .submit-btn { width: 100%; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); border: none; border-radius: 12px; padding: 16px; font-size: 15px; font-weight: 600; color: white; cursor: pointer; transition: all 0.3s ease; position: relative; overflow: hidden; } .submit-btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: left 0.5s ease; } .submit-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(99, 102, 241, 0.4); } .submit-btn:hover::before { left: 100%; } .submit-btn:active { transform: translateY(0); } .divider { display: flex; align-items: center; margin: 10px 0; gap: 16px; } .divider::before, .divider::after { content: ''; flex: 1; height: 1px; background: var(--border); } .divider span { font-size: 12px; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 1px; } .links { display: flex; justify-content: center; gap: 24px; } .links a { font-size: 14px; color: var(--text-secondary); text-decoration: none; transition: color 0.2s ease; position: relative; } .links a::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: var(--primary-light); transition: width 0.2s ease; } .links a:hover { color: var(--primary-light); } .links a:hover::after { width: 100%; } .support-section { text-align: center; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--border); } .support-section p { font-size: 13px; color: var(--text-secondary); margin-bottom: 12px; } .support-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--surface-hover); border: 1px solid var(--border); border-radius: 10px; padding: 10px 20px; font-size: 13px; font-weight: 500; color: var(--primary-light); text-decoration: none; transition: all 0.2s ease; } .support-btn:hover { background: rgba(99, 102, 241, 0.1); border-color: var(--primary); transform: translateY(-1px); } @media (max-width: 480px) { body { padding: 16px; align-items: flex-start; padding-top: 40px; } .container { max-width: 100%; } .logo-section { margin-bottom: 10px; } .logo-icon { width: 100px; height: 100px; font-size: 24px; border-radius: 16px; } .login-card { padding: 28px 20px; border-radius: 20px; } .card-header { margin-bottom: 24px; } .card-header h1 { font-size: 20px; } .input-wrapper input { padding: 12px 14px 12px 44px; font-size: 16px; } .submit-btn { padding: 14px; } .links { flex-direction: column; gap: 16px; align-items: center; } .support-section { margin-top: 24px; padding-top: 20px; } } @media (max-height: 700px) { body { align-items: flex-start; padding-top: 20px; } .logo-section { margin-bottom: 20px; } .login-card { padding: 28px 24px; } .card-header { margin-bottom: 20px; } .input-group { margin-bottom: 16px; } .divider { margin: 20px 0; } .support-section { margin-top: 24px; } }

Welcome Back

Create Account Forgot Password?

Having trouble accessing your account?

Live IRC Support