GIF89a=( õ' 7IAXKgNgYvYx\%wh…hŽth%ˆs%—x¨}9®Œ©€&©‰%¶†(¹–.¹5·œD¹&Çš)ÇŸ5ǘ;Í£*È¡&Õ²)ׯ7×µ<Ñ»4ï°3ø‘HÖ§KͯT÷¨Yÿšqÿ»qÿÔFØ !ù ' !ÿ NETSCAPE2.0 , =( þÀ“pH,È¤rÉl:ŸÐ¨tJ­Z¯Ø¬vËíz¿à°xL.›Ïè´zÍn»ßð¸|N¯Ûïø¼~Ïïûÿ€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ ¡¢£¤¥¦§gª«ªE¯°¨¬ª±²Œ¹º¹E¾­”´ÂB¶¯ §Åȸ»ÑD¾¿Á•ÄÅ®° ÝH¾ÒLÀÆDÙ«D¶BÝïðÀ¾DÑÑÔTÌÍíH òGö¨A RÎڐ |¥ ٭&ºìE8œ¹kGÔAÞpx­a¶­ã R2XB®åE8I€Õ6Xî:vT)äžþÀq¦è³¥ì仕F~%xñ  4#ZÔ‰O|-4Bs‘X:= QÉ œš lºÒyXJŠGȦ|s hÏíK–3l7·B|¥$'7Jީܪ‰‡àá”Dæn=Pƒ ¤Òëí‰`䌨ljóá¯Éüv>á–Á¼5 ½.69ûϸd«­ºÀûnlv©‹ªîf{¬ÜãPbŸ  l5‘ޝpß ´ ˜3aÅùäI«O’ý·‘áÞ‡˜¾Æ‚ÙÏiÇÿ‹Àƒ #öó)pâš Þ½ ‘Ý{ó)vmÞü%D~ 6f s}ŃƒDØW Eþ`‡þ À…L8xá†ç˜{)x`X/> Ì}mø‚–RØ‘*|`D=‚Ø_ ^ð5 !_…'aä“OÚ—7âcð`D”Cx`ÝÂ¥ä‹éY¹—F¼¤¥Š?¡Õ™ n@`} lď’ÄÉ@4>ñd œ à‘vÒxNÃ×™@žd=ˆgsžG±æ ´²æud &p8Qñ)ˆ«lXD©øÜéAžHìySun jª×k*D¤LH] †¦§C™Jä–´Xb~ʪwStŽ6K,°£qÁœ:9ت:¨þªl¨@¡`‚ûÚ ».Û¬¯t‹ÆSÉ[:°=Š‹„‘Nåû”Ìî{¿ÂA ‡Rà›ÀÙ6úë°Ÿð0Ä_ ½;ÃϱîÉì^ÇÛÇ#Ëë¼ôº!±Ä˜íUîÅÇ;0L1óÁµö«p% AÀºU̬ݵ¼á%霼€‡¯Á~`ÏG¯»À× ­²± =4ªnpð3¾¤³¯­ü¾¦îuÙuµÙ®|%2ÊIÿür¦#0·ÔJ``8È@S@5ê¢ ö×Þ^`8EÜ]ý.뜃Âç 7 ú ȉÞj œ½Dç zý¸iþœÑÙûÄë!ˆÞÀl§Ïw‹*DçI€nEX¯¬¼ &A¬Go¼QföõFç°¯;é¦÷îŽêJ°îúôF5¡ÌQ|îúöXªæ»TÁÏyñêï]ê² o óÎC=öõ›ÒÓPB@ D×½œä(>èCÂxŽ`±«Ÿ–JЀ»Û á¤±p+eE0`ëŽ`A Ú/NE€Ø†À9‚@¤à H½7”à‡%B‰`Àl*ƒó‘–‡8 2ñ%¸ —€:Ù1Á‰E¸àux%nP1ð!‘ðC)¾P81lÑɸF#ˆ€{´âé°ÈB„0>±û °b¡Š´±O‚3È–Ù()yRpbµ¨E.Z‘D8ÊH@% òŒx+%Ù˜Æcü »¸˜fõ¬b·d`Fê™8èXH"ÉÈ-±|1Ô6iI, 2““¬$+](A*jÐ QTÂo‰.ÛU슬Œã„Ž`¯SN¡–¶Äåyše¯ª’­¬‚´b¦Éož œ)åyâ@Ì®3 ÎtT̉°&Ø+žLÀf"Ø-|žçÔ>‡Ðv¦Ðžì\‚ Q1)Ž@Žh#aP72”ˆ™¨$‚ !ù " , =( …7IAXG]KgNgYvYxR"k\%w]'}hŽth%ˆg+ˆs%—r.—m3šx3˜x¨}9®€&©€+¨‡7§‰%¶†(¹–.¹œD¹&ǘ;Í•&ײ)×»4ïÌ6ò§KÍ þ@‘pH,È¤rÉl:ŸÐ¨tJ­Z¯Ø¬vËíz¿à°xL.›Ïè´zÍn»ßð¸|N¯Ûïø¼~Ïïûÿ€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ ¡¢£¤¥¦§g «¬ E ±± ¨­¶°ººE Á´”·®C¬²§Ç¶Œ»ÓDÃÕƷ¯Ê±H½ºM×ÁGÚ¬D¶BËÁ½î½DÓôTÏÛßîG»ôõC×CÌ l&âž:'òtU³6ɹ#·Ø)€'Ü.6±&ëÍÈ» K(8p0N?!æ2"ÛˆNIJX>R¼ÐO‚M '¡¨2¸*Ÿþ>#n↠å@‚<[:¡Iïf’ ¤TÚ˘CdbÜÙ“[«ŽEú5MBo¤×@€`@„€Êt W-3 ¶Ÿ¡BíêäjIÝ…Eò9[T…$íêﯧ„…•s»Óȳ¹€ÅÚdc®UUρ#±Ùïldj?´í¼²`\ŽÁðÞu|3'ÖŒ]ë6 ¶S#²‡˜FKLÈ *N E´‘áäŠ$˜›eÄYD„ºq«.è촁ƒs \-ÔjA 9²õ÷å- üúM[Âx(ís÷ì®x€|í¡Ù’p¦‚ ŽkÛTÇDpE@WÜ ²Ç]kŠ1¨ þ€·Yb ÓÁ‰l°*n0 ç™—žzBdОu¾7ĉBl€â‰-ºx~|UåU‰  h*Hœ|e"#"?vpÄiŠe6^ˆ„+qâŠm8 #VÇá ‘å–ÄV„œ|Аè•m"сœn|@›U¶ÆÎž—Špb¥G¨ED”€±Úê2FÌIç? >Éxå Œ± ¡¤„%‘žjŸ‘ꄯ<Ìaà9ijÐ2˜D¦È&›†Z`‚å]wþ¼Â:ç6àB¤7eFJ|õÒ§Õ,¨äàFÇ®cS·Ê¶+B°,‘Þ˜ºNûãØ>PADÌHD¹æž«ÄÀnÌ¥}­#Ë’ë QÀÉSÌÂÇ2ÌXÀ{æk²lQÁ2«ÊðÀ¯w|2Í h‹ÄÂG€,m¾¶ë3ÐÙ6-´ÅE¬L°ÆIij*K½ÀÇqï`DwVÍQXœÚÔpeœ±¬Ñ q˜§Tœ½µƒ°Œìu Â<¶aØ*At¯lmEØ ü ôÛN[P1ÔÛ¦­±$ÜÆ@`ùåDpy¶yXvCAyåB`ŽD¶ 0QwG#¯ æš[^Äþ $ÀÓÝǦ{„L™[±úKÄgÌ;ï£S~¹ìGX.ôgoT.»åˆ°ùŸûù¡?1zö¦Ÿž:ÅgÁ|ìL¹ „®£œŠ‚à0œ]PÁ^p F<"•ç?!,ñ‡N4—…PÄ Á„ö¨Û:Tè@hÀ‹%táÿ:ø-žI<`þ‹p I….)^ 40D#p@ƒj4–؀:²‰1Øâr˜¼F2oW¼#Z†;$Q q” ‘ ÂK¦ñNl#29 !’F@¥Bh·ᏀL!—XFóLH‘Kh¤.«hE&JòG¨¥<™WN!€ÑÙÚˆY„@†>Œž19J" 2,/ &.GXB%ÌRÈ9B6¹W]’î×ÔW¥’IÎ$ ñ‹ÓŒE8YÆ ¼³™ñA5“à®Q.aŸB€&Ø©³ JÁ—! ¦t)K%tœ-¦JF bòNMxLôþ)ÐR¸Ð™‘ èÝ6‘O!THÌ„HÛ ‰ !ù ) , =( …AXKgNgYvYxR"k\%wh…hŽh%ˆg+ˆs%—r.—x3˜x¨}9®€&©€+¨Œ,©‡7§‰%¶†(¹–.¹5·&Çš)ǘ;Í•&×£*Ȳ)ׯ7×»4ï°3øÌ6ò‘HÖ§KÍ»Hó¯T÷¨Yÿ»qÿÇhÿ þÀ”pH,È¤rÉl:ŸÐ¨tJ­Z¯Ø¬vËíz¿à°xL.›Ïè´zÍn»ßð¸|N¯Ûïø¼~Ïïûÿ€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ ¡¢£¤¥¦§g ª« E$±²¨ª­ · °²½$E$ÂÕ««D· Í ¿¦Ç¶¸ÌŒ¾³CÃÅÆ E ééH½MÛÂGâªD­ çBêêϾD²ÒaÀà€Š1r­ðÓ¤ ÔožzU!L˜C'¾yW½UGtäÇïÙllê0×àÂuGþ)AÀs[þ·xì ÁxO%ƒûX2ó—  P£n›R/¡ÑšHše+êDm?# —‘Ç£6¡8íJ¡ŸâDiäªM¥Ö„ôj“¬¹£5oQ7°- <‡ *´lãÓŒ2r/a!l)dÈ A™ÈE¢ôÔ͆…ð ;Ö˜c ¡%ß‚’Ùˆâ¸b½—pe~C"BíëÚHïeF2§æŠ8qb t_`urŠeü wÅu3êæPv§h•"ß`íÍxçLĹÜÖ3á  ~Öº“®›¸ÏMDfJÙ °„ÛµáWõ%§œ‚à©–‚X ÓØ)@®Ñ›Eþ´wëuÅSxb8y\mÖzœ¥§ZbºE—ÂLªÌw!y(>¡™wú=Ç|ÅÝs¢d €CÁW)HÜcC$€L Ä7„r.á\{)@ð` @ äXÈ$PD” `šaG:§æˆOˆ72EÐamn]ù"ŒcÊxÑŒ° &dR8`g«iÙŸLR!¦P …d’ä¡“¦ðÎTƒ¦ià|À _ ¥ Qi#¦Šg›Æ ›noMµ ›V ã£)p ç£ÎW…š=Âeªk§†j„ ´®1ß²sÉxéW«jšl|0¯B0Û, \jÛ´›6±¬¶C ÛíWþï|ëÙ‹¸ñzĸV {ì;Ýñn¼òVˆm³I¼³.Ðã¤PN¥ ²µ¼„µCã+¹ÍByî£Ñ¾HŸ›ëê 7ìYÆFTk¨SaoaY$Dµœìï¿Ã29RÈkt Çïfñ ÇÒ:ÀÐSp¹3ÇI¨â¥DZÄ ü9Ïýögñ½­uÔ*3)O‘˜Ö[_hv ,àî×Et Ÿé¶BH€ Õ[ü±64M@ÔSÌM7dÐl5-ÄÙU܍´©zߌ3Ô€3ž„ „ ¶ÛPô½5×g› êÚ˜kN„Ý…0Îj4€Ìë°“#{þÕ3S2çKÜ'ợlø¼Ú2K{° {Û¶?žm𸧠ËI¼nEò='êüóºè^üæÃ_Û=°óž‚ì#Oý¿Í'¡½áo..ÏYìnüñCœO±Áa¿¢Kô½o,üÄËbö²çºíï{ËC Ú— "”Ï{ËK ÍÒw„õ±Oz dÕ¨à:$ ƒô—«v»] A#ð «€¿šéz)Rx׿ˆ¥‚d``èw-îyÏf×K!ð€þ­Ð|ìPľ„=Ì`ý(f” 'Pa ¥ÐBJa%Ðâf§„%Š¡}FàáÝ×6>ÉäŠG"éŽè=ø!oа^FP¼Ø©Q„ÀCÙÁ`(Ž\ÄÝ® ©Â$<n@dÄ E#ììUÒI! ‚#lù‹`k¦ÐÇ'Rró’ZýNBÈMF Í[¤+‹ðɈ-áwj¨¥þ8¾rá ,VÂh„"|½œ=×G_¦Ñ™EØ 0i*%̲˜Æda0mV‚k¾)›;„&6 p>ÓjK “¦Ç# âDÂ:ûc?:R Ó¬fÞéI-Ì“•Ã<ä=™Ï7˜3œ¨˜c2ŒW ,ˆ”8(T™P‰F¡Jhç"‚ ; 403WebShell
403Webshell
Server IP : 202.10.43.136  /  Your IP : 216.73.216.151
Web Server : LiteSpeed
System : Linux komering.iixcp.rumahweb.net 5.14.0-570.52.1.el9_6.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Oct 15 06:39:08 EDT 2025 x86_64
User : klah2247 ( 1663)
PHP Version : 8.3.27
Disable Function : system,exec,escapeshellarg,escapeshellcmd,passthru,proc_close,proc_get_status,proc_nice,proc_open,proc_terminate,shell_exec,popen,pclose,dl,pfsockopen,leak,apache_child_terminate,posix_kill,posix_mkfifo,posix_setsid,posix_setuid,posix_setpgid,ini_alter,show_source,define_syslog_variables,symlink,syslog,openlog,openlog,closelog,ocinumcols,listen,chgrp,apache_note,apache_setenv,debugger_on,debugger_off,ftp_exec,dll,ftp,myshellexec,socket_bind,mail,posix_getwpuid
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : OFF  |  Sudo : OFF  |  Pkexec : OFF
Directory :  /home/klah2247/public_html/dracinplay.site/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :


[ Back ]     

Current File : /home/klah2247/public_html/dracinplay.site/index.html
<!doctype html>
<html lang="id">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />

<title>DracinTV — Nonton Drama Asia Premium | Drama China, Korea, Jepang Sub Indo</title>
<meta name="description" content="DracinTV adalah platform streaming drama Asia terbaik untuk nonton drama China, Korea, Jepang, dan Thailand dengan kualitas Full HD+, subtitle lengkap, update cepat, dan tampilan premium."/>
<meta name="keywords" content="dracintv, dracin tv, nonton drama asia, drama china sub indo, drama korea sub indo, drama jepang sub indo, drama thailand sub indo, streaming drama, situs nonton drama terbaik, drama terbaru 2025, nonton drama gratis, sub indo full hd, streaming cepat tanpa iklan"/>
<meta name="robots" content="index,follow" />
<meta name="theme-color" content="#0b0710" />
<link rel="canonical" href="https://dracintv.com/redirect-premium" />

<!-- Open Graph -->
<meta property="og:title" content="DracinTV — Redirect Premium (Anime Ultra)" />
<meta property="og:description" content="DracinTV — situs streaming drama Asia premium dengan visual ultra-jernih, server cepat, subtitle lengkap, dan tampilan modern."/>
<meta property="og:image" content="https://dracintv.com/public/images/logo-web.png" />
<meta property="og:url" content="https://dracintv.com/redirect-premium" />
<meta property="og:type" content="website" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="DracinTV — Redirect Premium" />
<meta name="twitter:description" content="Nonton drama China, Korea, Jepang, dan Thailand berkualitas premium hanya di DracinTV. Tampilan modern, cepat, dan elegan dengan efek cinematic anime ultra."/>
<meta name="twitter:image" content="https://dracintv.com/public/images/logo-web.png" />

<!-- favicon -->
<link rel="icon" href="https://dracintv.com/public/images/icon-dramasub.png" />
<link rel="apple-touch-icon" href="https://dracintv.com/public/images/icon-dramasub.png" />

<!-- ===== MULTI-LANGUAGE HREFLANG ===== -->
<link rel="alternate" hreflang="id" href="https://dracintv.com/" />
<link rel="alternate" hreflang="en" href="https://dracintv.com/en/" />
<link rel="alternate" hreflang="de" href="https://dracintv.com/de/" />
<link rel="alternate" hreflang="es" href="https://dracintv.com/es/" />
<link rel="alternate" hreflang="fr" href="https://dracintv.com/fr/" />
<link rel="alternate" hreflang="pt" href="https://dracintv.com/pt/" />
<link rel="alternate" hreflang="x-default" href="https://dracintv.com/" />

<!-- ===== PRECONNECT ===== -->
<link rel="preconnect" href="https://cdn.jsdelivr.net">
<link rel="preconnect" href="https://image.thum.io">
<link rel="preconnect" href="https://dracintv.com">

<!-- ===== SITEMAP LINKS ===== -->
<link rel="sitemap" type="application/xml" title="Sitemap Main" href="https://dracintv.com/public/sitemap.xml" />
<link rel="sitemap" type="application/xml" title="Sitemap German" href="https://dracintv.com/public/sitemap-de.xml" />
<link rel="sitemap" type="application/xml" title="Sitemap English" href="https://dracintv.com/public/sitemap-en.xml" />
<link rel="sitemap" type="application/xml" title="Sitemap Spanish" href="https://dracintv.com/public/sitemap-es.xml" />
<link rel="sitemap" type="application/xml" title="Sitemap French" href="https://dracintv.com/public/sitemap-fr.xml" />
<link rel="sitemap" type="application/xml" title="Sitemap Indonesian" href="https://dracintv.com/public/sitemap-in.xml" />
<link rel="sitemap" type="application/xml" title="Sitemap Portuguese" href="https://dracintv.com/public/sitemap-pt.xml" />

<meta name="revisit-after" content="7 days" />
<meta http-equiv="cache-control" content="max-age=3600" />
<!-- css -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<style>
:root{
  --bg:#08050b;
  --gold1:#ffd86a;
  --gold2:#ffb86a;
  --muted:rgba(255,255,255,0.8);
  --card-radius:18px;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:#fff;font-family:Inter,system-ui,Arial;overflow-x:hidden}
a{color:inherit}
#canvas-wrap{position:fixed;inset:0;z-index:0;pointer-events:none}
canvas{position:absolute;left:0;top:0;width:100%;height:100%}
.container{position:relative;z-index:6;max-width:980px;margin:48px auto;padding:18px}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.04);border-radius:var(--card-radius);padding:18px;box-shadow:0 40px 120px rgba(0,0,0,0.6)}
.header{display:flex;gap:14px;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.header img{width:86px;height:86px;border-radius:18px;box-shadow:0 18px 48px rgba(0,0,0,0.5)}
.h-title{font-size:26px;font-weight:800;color:var(--gold1);margin:6px 0 0}
.h-desc{color:var(--muted);margin-top:6px;font-size:14px}

/* laptop mockup */
.mockup{width:100%;max-width:880px;margin:18px auto;border-radius:16px;position:relative;overflow:visible}
.laptop{
  width:100%;
  border-radius:14px;
  padding:28px 24px 36px;
  background:linear-gradient(180deg,#0a0a12, #07050a);
  box-shadow:0 30px 80px rgba(0,0,0,0.6);
  border:1px solid rgba(255,255,255,0.03);
}
.laptop-screen{
  width:100%;
  height:460px;
  border-radius:12px;
  overflow:hidden;
  background:#000 url('https://image.thum.io/get/width/1100/crop/700/https://dracintv.com') center/cover no-repeat;filter:brightness(1.25) center/cover no-repeat;
  display:block;
  box-shadow:inset 0 0 60px rgba(0,0,0,0.6);
}

/* progress / counter */
.progress{margin-top:14px}
.bar-bg{width:100%;height:12px;background:rgba(255,255,255,0.03);border-radius:999px;overflow:hidden}
#pbar{height:100%;width:0;background:linear-gradient(90deg,var(--gold1),var(--gold2));transition:width .12s linear}
.counter{color:var(--gold1);font-size:20px;font-weight:800;text-align:center;margin-top:8px}

/* buttons */
.btns{display:flex;flex-direction:column;gap:12px;align-items:stretch;margin-top:16px}
.btn{position:relative;padding:14px;border-radius:12px;border:2px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));color:#fff;font-weight:800;cursor:pointer;overflow:hidden;transition:transform .14s ease,box-shadow .18s}
.btn:active{transform:scale(.996)}
.btn .gold-fill{position:absolute;inset:0;border-radius:12px;pointer-events:none;background:linear-gradient(135deg,var(--gold1),var(--gold2));opacity:0;transform:scale(1.02);transition:opacity .18s}
.btn .shine{position:absolute;left:-120%;top:0;width:40%;height:100%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,0.95),transparent);opacity:0}
.btn.revealed{animation:rise .72s cubic-bezier(.2,1,.28,1) forwards}
@keyframes rise{0%{opacity:0;transform:translateY(40px)}60%{opacity:1;transform:translateY(-6px)}100%{opacity:1;transform:translateY(0)}}
.btn.active{box-shadow:0 20px 60px rgba(255,180,40,0.18);border-color:rgba(255,230,120,0.5);color:#1b140b}
.btn:hover .shine{animation:shineSweep .82s cubic-bezier(.22,.9,.34,1) forwards;opacity:1}
@keyframes shineSweep{0%{left:-120%}50%{left:50%}100%{left:140%}}

/* cancel */
.cancel{border-style:dashed;border-color:rgba(255,255,255,0.12)}
.cancel.active{background:linear-gradient(135deg,var(--gold2),#d99a3b);color:#120b00;border-color:var(--gold1)}

/* footer */
footer{margin-top:44px;padding:40px 18px;background:linear-gradient(180deg,#05040a,#07060b);text-align:center;border-top:1px solid rgba(255,255,255,0.02);position:relative;z-index:4}
.footer-logo{width:110px;margin:0 auto 10px;filter:drop-shadow(0 12px 36px rgba(0,0,0,0.6))}
.footer-title{color:var(--gold1);font-size:20px;font-weight:800}
.footer-desc{color:#dfe2df;margin-top:8px;max-width:880px;margin-left:auto;margin-right:auto;line-height:1.6}
.social{display:flex;gap:12px;justify-content:center;margin-top:14px}
.social a{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.03);color:#fff;text-decoration:none;transition:transform .28s,box-shadow .28s}
.social a:hover{transform:scale(1.08);box-shadow:0 10px 36px rgba(0,0,0,0.28);background:linear-gradient(135deg,var(--gold1),var(--gold2));color:#120b00}

@media(max-width:760px){
  .laptop-screen{height:340px}
  .container{margin:24px 12px}
}
</style>
<meta name="author" content="DracinTV"/>
<meta name="language" content="id"/>
<meta name="rating" content="general"/>
<meta name="distribution" content="global"/>
<meta name="coverage" content="worldwide"/>
<meta name="audience" content="all"/>
<meta name="page-topic" content="Streaming Drama Asia, Drama China, Drama Korea, Drama Jepang, Drama Thailand"/>
<meta name="page-type" content="website"/>
<meta name="google-site-verification" content=""/>
</head>
<body>

<div id="canvas-wrap">
  <canvas id="starCanvas"></canvas>
  <canvas id="meteorCanvas"></canvas>
  <canvas id="glowCanvas"></canvas>
</div>

<div class="container">
  <div class="card" role="main" aria-labelledby="main-title">
    <div class="header" role="banner">
      <img src="https://dracintv.com/public/images/icon-dramasub.png" alt="DracinTV Icon" />
      <div id="main-title" class="h-title">DracinTV — Streaming Drama Asia</div>
      <div class="h-desc">Nikmati Drama Dari Berbagai Tempat mulai dari Korea, Cina ,Jepang Dan banyak lagi</div>
    </div>

    <div class="mockup">
      <div class="laptop" role="region" aria-label="Preview Laptop Mockup">
        <div class="laptop-screen" id="laptopScreen" role="img" aria-label="Preview DracinTV"></div>
      </div>
    </div>

    <div class="progress" aria-hidden="false">
      <div class="bar-bg" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-atomic="true">
        <div id="pbar"></div>
      </div>
      <div class="counter" id="count">5</div>
    </div>

    <div class="btns" role="group" aria-label="Pilihan Aksi">
      <button id="btnTv" class="btn" aria-label="Buka DracinTV"><div class="gold-fill"></div><div class="shine"></div>Buka DracinTV</button>
      <button id="btnPlay" class="btn" aria-label="Buka DracinPlay"><div class="gold-fill"></div><div class="shine"></div>Buka DracinPlay</button>
      <button id="cancel" class="btn cancel" aria-label="Batalkan Redirect">Batalkan Redirect</button>
    </div>

    <div class="h-desc" style="margin-top:12px">Klik Tombol Batal Untuk Batalkan Redirect dan Memilih Link Yang Tersedia</div>
  </div>
</div>

<footer role="contentinfo">
  <img class="footer-logo" src="https://dracintv.com/public/images/logo-web.png" alt="DracinTV Logo">
  <div class="footer-title">DracinTV — Streaming Drama Asia Premium</div>
  <div class="footer-desc">DracinTV adalah destinasi utama untuk streaming drama Asia berkualitas tinggi. Menyajikan drama China, Korea, Jepang, dan Thailand dengan subtitle lengkap, server cepat, visual ultra-jernih, dan pengalaman menonton premium bebas gangguan.</div>
  <div class="social" role="navigation" aria-label="Sosial Media">
    <a href="https://facebook.com/DracinTV" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><i class="bi bi-facebook"></i></a>
    <a href="https://instagram.com/DracinTV" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><i class="bi bi-instagram"></i></a>
    <a href="https://youtube.com/@DracinTV" target="_blank" rel="noopener noreferrer" aria-label="YouTube"><i class="bi bi-youtube"></i></a>
    <a href="https://t.me/DracinTV" target="_blank" rel="noopener noreferrer" aria-label="Telegram"><i class="bi bi-telegram"></i></a>
  </div>
  <div style="margin-top:14px;color:rgba(255,255,255,0.6)">© 2025 DracinTV — All Rights Reserved.</div>
</footer>

<script>
// Utilities
function rand(a,b){return a+Math.random()*(b-a)}

// Canvas setup
const dpr = Math.max(1, window.devicePixelRatio || 1);
const starCanvas = document.getElementById('starCanvas');
const sctx = starCanvas.getContext('2d');
const meteorCanvas = document.getElementById('meteorCanvas');
const mctx = meteorCanvas.getContext('2d');
const glowCanvas = document.getElementById('glowCanvas');
const gctx = glowCanvas.getContext('2d');

function resizeAll(){
  const w = innerWidth, h = innerHeight;
  [starCanvas, meteorCanvas, glowCanvas].forEach(c=>{
    c.width = Math.floor(w*dpr);
    c.height = Math.floor(h*dpr);
    c.style.width = w+'px';
    c.style.height = h+'px';
    c.getContext('2d').setTransform(dpr,0,0,dpr,0,0);
  });
}
resizeAll();
window.addEventListener('resize', resizeAll);

// Stars
let stars = [];
const STAR_COUNT = Math.min(900, Math.floor((innerWidth*innerHeight)/9000));
for(let i=0;i<STAR_COUNT;i++){
  stars.push({x:Math.random()*innerWidth, y:Math.random()*innerHeight, r:rand(1.6,6.6), vy:rand(0.06,0.9), tw:Math.random()*2000});
}
let pointer={x:innerWidth/2,y:innerHeight/2};
window.addEventListener('pointermove', (e)=>{pointer.x=e.clientX;pointer.y=e.clientY});
function drawStars(ts){
  sctx.clearRect(0,0,starCanvas.width,starCanvas.height);
  for(const st of stars){
    const px = (pointer.x - innerWidth/2) * (st.r/1800);
    const py = (pointer.y - innerHeight/2) * (st.r/2200);
    const a = 0.6 + 0.4 * Math.abs(Math.sin((ts + st.tw) * 0.002 + st.r));
    const grad = sctx.createRadialGradient(st.x+px, st.y+py, 0, st.x+px, st.y+py, st.r*2.6);
    grad.addColorStop(0, `rgba(255,250,240,${a})`);
    grad.addColorStop(0.5, `rgba(255,220,140,${a*0.68})`);
    grad.addColorStop(1, `rgba(255,150,40,${a*0.05})`);
    sctx.fillStyle = grad;
    sctx.beginPath();
    sctx.arc(st.x+px, st.y+py, st.r, 0, Math.PI*2);
    sctx.fill();
    st.y += st.vy * (0.6 + st.r/12);
    st.x += (st.r/20) * 0.2;
    if(st.y > innerHeight + 20){ st.y = -20; st.x = Math.random()*innerWidth; }
  }
  requestAnimationFrame(drawStars);
}
requestAnimationFrame(drawStars);

// Meteors
let meteors = [];
function spawnMeteor(){
  if(Math.random() < 0.15) return;
  const startX = rand(innerWidth*0.4, innerWidth*1.1);
  const startY = rand(-220, -40);
  meteors.push({x:startX,y:startY,len:rand(160,420),speed:rand(5.5,12.5),hue:rand(190,260),life:0, maxLife:rand(90,160)});
}
setInterval(spawnMeteor, 700);
function drawMeteors(){
  mctx.clearRect(0,0,meteorCanvas.width,meteorCanvas.height);
  for(let i=meteors.length-1;i>=0;i--){
    const m = meteors[i];
    const grad = mctx.createLinearGradient(m.x,m.y,m.x-m.len*0.9,m.y+m.len*0.9);
    grad.addColorStop(0, `hsla(${m.hue},100%,88%,0.96)`);
    grad.addColorStop(0.45, `hsla(${m.hue+30},85%,68%,0.62)`);
    grad.addColorStop(1, `hsla(${m.hue+60},80%,56%,0.0)`);
    mctx.strokeStyle = grad;
    mctx.lineWidth = 6 + (m.len/90);
    mctx.lineCap = 'round';
    mctx.beginPath();
    mctx.moveTo(m.x,m.y);
    mctx.lineTo(m.x-m.len,m.y+m.len);
    mctx.stroke();
    mctx.beginPath();
    const headGrad = mctx.createRadialGradient(m.x, m.y, 0, m.x, m.y, 30);
    headGrad.addColorStop(0, 'rgba(255,255,255,1)');
    headGrad.addColorStop(0.28, `hsla(${m.hue+10},100%,90%,0.95)`);
    headGrad.addColorStop(1, `hsla(${m.hue+40},90%,70%,0.0)`);
    mctx.fillStyle = headGrad;
    mctx.arc(m.x, m.y, 12 + m.len/80, 0, Math.PI*2);
    mctx.fill();
    m.x += -m.speed * 1.2;
    m.y += m.speed;
    m.life++;
    if(m.y > innerHeight + 80 || m.life > m.maxLife) meteors.splice(i,1);
  }
  requestAnimationFrame(drawMeteors);
}
requestAnimationFrame(drawMeteors);

// Glow / aurora
let glowPhase = 0;
function drawGlow(){
  gctx.clearRect(0,0,glowCanvas.width,glowCanvas.height);
  glowPhase += 0.002;
  const grd = gctx.createLinearGradient(0, innerHeight*0.12, innerWidth, innerHeight*0.6);
  grd.addColorStop(0, `rgba(90,120,255,${0.06 + Math.sin(glowPhase)*0.02})`);
  grd.addColorStop(0.5, `rgba(200,120,255,${0.03 + Math.cos(glowPhase*1.4)*0.02})`);
  grd.addColorStop(1, `rgba(255,150,200,${0.02 + Math.sin(glowPhase*0.8)*0.01})`);
  gctx.fillStyle = grd;
  gctx.fillRect(-innerWidth*0.1, innerHeight*0.08, innerWidth*1.2, innerHeight*0.6);
  requestAnimationFrame(drawGlow);
}
requestAnimationFrame(drawGlow);

// Laptop preview persistent (uses screenshot service)
const laptopScreen = document.getElementById('laptopScreen');
// Use thum.io screenshot - will remain as background image
laptopScreen.style.backgroundImage = "url('https://image.thum.io/get/width/1100/https://dracintv.com')";
laptopScreen.style.backgroundSize = 'cover';
laptopScreen.style.backgroundPosition = 'center center';

// Progress + redirect
let canceled = false;
const REDIRECT_MS = 5000;
let startTs = performance.now();
const pbar = document.getElementById('pbar');
const countEl = document.getElementById('count');

function redirectTick(ts){
  if(canceled) return;
  const pct = Math.min(1, (ts - startTs) / REDIRECT_MS);
  pbar.style.width = (pct*100) + '%';
  if(pct >= 1){
    window.location.href = 'https://dracintv.com';
    return;
  }
  requestAnimationFrame(redirectTick);
}
requestAnimationFrame(redirectTick);

let secs = Math.ceil(REDIRECT_MS/1000);
const secInterval = setInterval(()=>{
  if(canceled) return;
  secs--;
  countEl.textContent = secs>0?secs:0;
  if(secs <= 0) clearInterval(secInterval);
},1000);

document.getElementById('cancel').addEventListener('click', ()=>{
  canceled = true;
  countEl.textContent = 'Dibatalkan';
  pbar.style.width = '0%';
  document.getElementById('cancel').classList.add('active');
});

// Buttons interactions (ripple, gold explosion)
const btnTv = document.getElementById('btnTv');
const btnPlay = document.getElementById('btnPlay');
const buttons = [btnTv, btnPlay];

function createDomBurstAt(x,y,count){
  const container = document.body;
  const c = Math.max(6, Math.floor(count));
  for(let i=0;i<c;i++){
    const p = document.createElement('div');
    p.style.position='fixed';
    p.style.left = x+'px'; p.style.top = y+'px';
    p.style.width = (3+Math.random()*8)+'px';
    p.style.height = p.style.width;
    p.style.borderRadius='50%';
    p.style.background = 'radial-gradient(circle, rgba(255,250,220,1), rgba(255,170,40,0.95))';
    p.style.boxShadow='0 8px 28px rgba(255,180,40,0.25)';
    p.style.pointerEvents='none'; p.style.zIndex=9999; p.style.transform='translate(-50%,-50%)';
    container.appendChild(p);
    const angle = Math.random()*Math.PI*2;
    const dist = 40 + Math.random()*220;
    const dx = Math.cos(angle)*dist, dy = Math.sin(angle)*dist - (Math.random()*80);
    const dur = 600 + Math.random()*900;
    p.animate([{transform:'translate(-50%,-50%) scale(1)', opacity:1},{transform:`translate(${dx}px,${dy}px) scale(.18)`,opacity:0}],{duration:dur,easing:'cubic-bezier(.2,.9,.2,1)'});
    setTimeout(()=> p.remove(), dur+80);
  }
}
function spawnDiamond(x,y){
  const d = document.createElement('div'); d.style.position='fixed'; d.style.left=x+'px'; d.style.top=y+'px';
  const s = 3 + Math.random()*6; d.style.width=s+'px'; d.style.height=s+'px'; d.style.background='linear-gradient(135deg,#fff,#ffd)';
  d.style.zIndex=9999; d.style.pointerEvents='none'; d.style.transform='rotate(12deg)';
  document.body.appendChild(d);
  const dx = (Math.random()-0.5)*(80+Math.random()*120); const dy = - (10 + Math.random()*80);
  const dur = 700 + Math.random()*900;
  d.animate([{transform:'translate(0,0) rotate(12deg)',opacity:1},{transform:`translate(${dx}px,${dy}px) rotate(420deg)`,opacity:0}],{duration:dur,easing:'cubic-bezier(.2,.9,.3,1)'});
  setTimeout(()=> d.remove(), dur+80);
}
function spawnEmber(x,y){
  const e = document.createElement('div'); e.style.position='fixed'; e.style.left=x+'px'; e.style.top=y+'px';
  const s = 2 + Math.random()*5; e.style.width=s+'px'; e.style.height=s+'px'; e.style.background='radial-gradient(circle,#fff8ea,#ffb86a)';
  e.style.borderRadius='50%'; e.style.zIndex=9999; e.style.pointerEvents='none';
  document.body.appendChild(e);
  const angle = Math.random()*Math.PI*2; const dist = 30 + Math.random()*120; const dx = Math.cos(angle)*dist, dy = Math.sin(angle)*dist;
  const dur = 700 + Math.random()*900;
  e.animate([{transform:'translate(0,0) scale(1)',opacity:1},{transform:`translate(${dx}px, ${dy}px) scale(.4)`,opacity:0}],{duration:dur,easing:'cubic-bezier(.2,.9,.3,1)'});
  setTimeout(()=> e.remove(), dur+60);
}

buttons.forEach(btn=>{
  if(!btn.querySelector('.gold-fill')){ const g=document.createElement('div'); g.className='gold-fill'; btn.insertBefore(g, btn.firstChild); }
  if(!btn.querySelector('.shine')){ const sh=document.createElement('div'); sh.className='shine'; btn.appendChild(sh); }
  btn.classList.add('revealed');
  let down=false, startX=0, startY=0, moved=false, id=null;
  btn.addEventListener('pointerdown',(ev)=>{
    if(ev.button!==0) return;
    down=true; moved=false; id=ev.pointerId; startX=ev.clientX; startY=ev.clientY;
    try{ btn.setPointerCapture(ev.pointerId);}catch(e){}
    const rect = btn.getBoundingClientRect();
    const cx = Math.max(6, Math.min(rect.width-6, ev.clientX-rect.left));
    const cy = Math.max(6, Math.min(rect.height-6, ev.clientY-rect.top));
    const r = document.createElement('div'); r.style.position='absolute'; r.style.left=cx+'px'; r.style.top=cy+'px'; r.style.width='8px'; r.style.height='8px'; r.style.borderRadius='50%';
    r.style.background='radial-gradient(circle, rgba(255,250,220,1), rgba(255,170,40,0.95))'; r.style.transform='translate(-50%,-50%)'; r.style.pointerEvents='none'; r.style.zIndex=9998;
    btn.appendChild(r);
    r.animate([{transform:'translate(-50%,-50%) scale(0)', opacity:1},{transform:'translate(-50%,-50%) scale(36)', opacity:0}],{duration:700,easing:'cubic-bezier(.2,.9,.2,1)'});
    setTimeout(()=> r.remove(),800);
    // explosion
    createDomBurstAt(ev.clientX, ev.clientY, 12);
    canceled = true; countEl.textContent='Dibatalkan'; pbar.style.width='0%';
  });
  btn.addEventListener('pointermove',(ev)=>{
    if(!down) return;
    const dx = Math.abs(ev.clientX - startX), dy = Math.abs(ev.clientY - startY);
    if(dx > (btn.offsetWidth*0.35) || dy > (btn.offsetHeight*0.35)) moved=true;
    if(Math.random()<0.18) spawnEmber(ev.clientX, ev.clientY);
  });
  btn.addEventListener('pointerup',(ev)=>{
    try{ btn.releasePointerCapture(ev.pointerId); }catch(e){}
    if(down && !moved){
      const target = (btn===btnTv)?'https://dracintv.com':'https://dracinplay.com';
      setTimeout(()=> window.location.href = target, 140);
    }
    down=false; moved=false; id=null;
  });
  btn.addEventListener('pointerleave', ()=> { moved=true; });
  btn.addEventListener('pointercancel', ()=> { down=false; moved=false; try{ btn.releasePointerCapture(id); }catch(e){} });
});

// proximity hover
const HOVER_RADIUS = 120; const proxLast = new WeakMap();
function handleHover(mx,my){
  buttons.forEach(btn=>{
    const r = btn.getBoundingClientRect(); const cx=r.left+r.width/2, cy=r.top+r.height/2;
    const dist = Math.hypot(mx-cx,my-cy); const last = proxLast.get(btn)||0; const now=performance.now();
    if(dist<=HOVER_RADIUS && now - last > 900){
      proxLast.set(btn, now);
      if(!btn.classList.contains('active')) btn.classList.add('active');
      createDomBurstAt(cx, cy, 28); spawnDiamond(cx+rand(-18,18), cy+rand(-18,18)); spawnEmber(cx+rand(-8,8), cy+rand(-8,8));
      setTimeout(()=> btn.classList.remove('active'),1200);
    }
  });
}
window.addEventListener('pointermove',(e)=> handleHover(e.clientX, e.clientY));
window.addEventListener('touchstart',(e)=>{ const t=e.touches[0]; if(t) handleHover(t.clientX,t.clientY); },{passive:true});
window.addEventListener('touchmove',(e)=>{ const t=e.touches[0]; if(t) handleHover(t.clientX,t.clientY); },{passive:true});

setInterval(()=>{ document.querySelectorAll('.hover-particle, .gold-dot, .diamond, .ember').forEach(n=> n && n.parentNode && n.parentNode.removeChild(n)); },3500);

console.log("DracinTV Ultra loaded.");
</script>
</body>
</html>

Youez - 2016 - github.com/yon3zu
LinuXploit